@charset "utf-8";

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

#Point .ctm_contentsFull {}
@media all and (min-width: 740px){
	#Point .ctm_contentsFull {}
}

/* コンテンツ幅 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 */
.fs11 { font-size: 1.1rem !important; }
.fs13 { font-size: 1.3rem !important; }
.fs15 { font-size: 1.5rem !important; }

#Point .ttlLv2 h3 .txtInr_01,
#Point .ttlLv3 h4,
#Point .txtLead,
#Point .ttlLv4 h5 sup { font-family: "M PLUS Rounded 1c", sans-serif; font-weight: 600; font-style: normal; }

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

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

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

/* heading */
.asobou-portal .ctm_pageTtl .ttlLv1 .heading { position: relative; display: inline-block; color: #fc1169; }
.asobou-portal .ctm_pageTtl .ttlLv1 .heading:before,
.asobou-portal .ctm_pageTtl .ttlLv1 .heading:after { content: ""; position: absolute; display: inline-block;
bottom: -10px; }
.asobou-portal .ctm_pageTtl .ttlLv1 .heading:before { width: 55px; height: 55px; background: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/asobou-portal/img_sites/heading_bg01.png?v=2) no-repeat; background-size: contain; left: -60px; }
.asobou-portal .ctm_pageTtl .ttlLv1 .heading:after  { width: 55px; height: 55px; background: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/asobou-portal/img_sites/heading_bg02.png?v=2) no-repeat; background-size: contain; right: -60px; }

.asobou-portal .ctm_pageTtl .ttlLv1 h2 { font-size: 2.6rem; }
.asobou-portal .ctm_pageTtl .ttlLv3 h4 { font-size: 2.0rem; }
.asobou-portal .ctm_pageTtl .ttlLv4 h5 { font-size: 2.0rem; }
@media all and (min-width: 740px){
	.asobou-portal .ctm_pageTtl .ttlLv1 h2 { font-size: 3.6rem; }
	.asobou-portal .ctm_pageTtl .ttlLv2 h3 { font-size: 2.6rem; }
	.asobou-portal .ctm_pageTtl .ttlLv3 h4 { font-size: 2.2rem; }
	.asobou-portal .ctm_pageTtl .ttlLv4 h5 { font-size: 2.0rem; }
}
.asobou-portal .ctm_pageTtl .ttlLv1 h2 span { font-size: 80%; }

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



/* Point */
#Point_01.ctm_contentsFull,
#Point_03.ctm_contentsFull { background: #f8fad2; }
#Point_02.ctm_contentsFull { background: #fff; }

#Point .ttlLv2 { margin-top: 0; padding: 0; display: inline-block; background: #fff!important;
border: 3px solid #fc1169; box-shadow: 8px 8px 0px 0px #fc1169; }
#Point .ttlLv2 h3 { display: flex; align-items: stretch; }
#Point .ttlLv2 h3 .txtInr_01 { display: grid; place-items: center; padding: 10px 10px 5px 10px; line-height: 1.0; font-size: 1.5rem; color:#fafe8d; background: #fc1169; width: 7.0rem; }
#Point .ttlLv2 h3 .txtInr_01 span {}
#Point .ttlLv2 h3 .txtInr_01 span > span { font-size: 4.8rem; }
#Point .ttlLv2 h3 .txtInr_02 { display: flex; align-items: center; padding: 10px 20px 10px 20px; }
@media all and (min-width: 740px){
	#Point .ttlLv2 h3 .txtInr_01 { font-size: 1.8rem; width: 11.0rem; }
}

@media all and (min-width: 740px){
	#Point_02 .ttlLv2 h3 { /* font-size: 2.4rem; */ }
}

#Point .txtLead,
#Point .txtLead li { font-size: 1.8rem; text-align: center; }
#Point .txtLead .txtList > li + li { margin-top: 0.4em; }

#Point .ttlLv3 h4 { color: #fc1169; }
#Point .ttlLv3 h4 strong { margin-right: 0.3em; padding: 0.15em 0.5em 0.2em 1.0em; font-size: 2.4rem; color: #fff; background: #fc1169; border-radius: 100vh; }

#Point .Block_OP { margin-top: 30px; border-top: 2px dotted #fc1169; }

#Point .ctm_bdrColumn .colWrap .col,
#Point .optionBox { padding: 15px; background: #fff; }
@media all and (max-width: 739px){
	#Point .ctm_bdrColumn .colWrap .col:nth-of-type(n+2) { margin-top: 30px; }
}

#Point .ttlLv4 { position: relative; }
#Point .ttlLv4 .heading sup { display: inline-block; }

#Point .Block_OKA .ttlLv4 sup,#Point_03 .Block_OKA .txtArea { background: #3bc2e4; }
#Point .Block_HOK .ttlLv4 sup,#Point_03 .Block_HOK .txtArea { background: #7cd76d; }
#Point .Block_KAT .ttlLv4 sup,#Point_03 .Block_KAT .txtArea { background: #f291bc; }

#Point_01 .ttlLv4 .heading sup,
#Point_02 .ttlLv4 .heading sup { position: absolute; top: -54px; left: 0; color: #fff; font-weight: 500; 
width: 3.5em; height: 3.5em; text-align: center; line-height: 3.3em; border-radius: 50%; }
@media all and (min-width: 740px){
	#Point_01 .ttlLv4 .heading sup,
	#Point_02 .ttlLv4 .heading sup { top: -52px; left: 0; width: 3.2em; height: 3.2em; line-height: 2.9em; }
}

#Point_01 .ctm_pageTtl .ttlLv4 .heading sup,
#Point_02 .ctm_pageTtl .ttlLv4 .heading sup { color: #fc1169; background: #f3fc04; border: 3px solid #fff; }

#Point .Block_OKA .txtPrice strong { background: linear-gradient(transparent 60%, #8deafe 60%); }
#Point .Block_HOK .txtPrice strong { background: linear-gradient(transparent 60%, #9eecba 60%); }
#Point .Block_KAT .txtPrice strong { background: linear-gradient(transparent 60%, #f7c3da 60%); }

#Point .txtMarker_Y01 strong,
#Point strong.txtMarker_Y01 { background: linear-gradient(transparent 60%, #f3fc04 60%); }
#Point .txtMarker_W  strong { background: linear-gradient(transparent 60%, #fff 60%); }

#Point_01 .ctm_bdrColumn .colWrap .col,
#Point_01 .optionBox { border: none; border-radius: 20px; }
#Point_01 .Block_OKA .ctm_bdrColumn .col,
#Point_01 .Block_OKA .optionBox { box-shadow: 5px 5px 0px 0px #8deafe; }
#Point_01 .Block_HOK .ctm_bdrColumn .col { box-shadow: 5px 5px 0px 0px #9eecba; }
#Point_01 .Block_KAT .ctm_bdrColumn .col { box-shadow: 5px 5px 0px 0px #f7c3da; }

#Point_02 .ctm_bdrColumn .colWrap .col { border: 3px solid #dfdfdf; border-radius: 20px; }
#Point_02 .Block_HOK { margin-top: 0; border-top: none; }
#Point_02 .ctm_pageTtl .ttlLv4 { margin-top: 10px; border-bottom: 2px dotted #fc1169; }
#Point_02 .ctm_pageTtl .ttlLv4 h5 { color: #fc1169 ; font-size: 2.2rem; }
@media all and (max-width: 739px){
	#Point_02 .ctm_pageTtl .ttlLv4 h5 { padding-bottom: 6px; }
}

#Point_02 .pointBox { position: relative; padding: 15px; background: #f8fad2; border: double 10px #fc1169; border-radius: 20px; }
#Point_02 .pointBox .ttlLv4 { position: absolute; top: -34px; left: 15px; transform: rotate(-10deg);
padding: 0.2em 0.2em 0 0.8em; color: #fff; background: #fc1169 !important; }
#Point_02 .pointBox .ttlLv4 h5 { color: #fff; font-size: 1.8rem; }
@media all and (min-width: 740px){
	#Point_02 .pointBox .ttlLv4 { top: -30px; }
	#Point_02 .pointBox .ttlLv4 h5 { font-size: 2.0rem; }
}

#Point_02 .areaBlock { padding: 15px; border: 3px solid #dfdfdf; border-radius: 20px; }

#Point_03 .txtArea { margin: -15px auto 0; padding: 0.3em 0.5em 0.2em; color: #fff; font-size: 1.6rem; text-align: center; border-radius: 0 0 10px 10px; display: block; width: 10.0em; }

#Point_03 .ctm_pageTtl .iconBath { position: absolute; text-align: center; font-size: 1.1rem; top: -40px; right: 0; }
#Point_03 .ctm_pageTtl .iconBath i {display: block; font-size: 1.4rem; color: #fff; font-weight: bold; width: 1.8em; height: 1.8em; line-height: 1.8em; border-radius: 50%; background: #fc1169; }



/* Link */
@media all and (min-width: 740px){
	#Link .ttlLv2 { padding-top: 30px; }
}



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

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