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

#Point .ctm_contentsFull,
#Hotel .ctm_contentsFull { margin-top: 100px; padding-top: 50px; }
@media all and (min-width: 740px){
	#Point .ctm_contentsFull,
	#Hotel .ctm_contentsFull { margin-top: 130px; }
}

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

/* ctm_pageTtl */
#Coupon_01 .clm_1_3col .ctm_pageTtl .heading,
.naruto-awajishima .ctm_pageTtl .ttlLv1 .heading,
#Sights .ttlLv3 .heading sup,
#Hotel .ttlLv2 h3.heading { font-family: "Zen Maru Gothic", serif; font-weight: 500; }

.naruto-awajishima .ctm_pageTtl .ttlLv1 { margin-top: 50px; }
@media (min-width: 740px){
	.naruto-awajishima .ctm_pageTtl .ttlLv1 { margin-top: 80px; }
}
#Point .ctm_pageTtl .ttlLv1,
#Hotel .ctm_pageTtl .ttlLv1 { margin-top: -100px; }

.naruto-awajishima .ctm_pageTtl .ttlLv1 h2 { position: relative; font-size: 2.8rem; letter-spacing: 0.2rem; 
padding: 1.5rem 4.0rem; background: #faf6ba !important; border-radius: 100vh; display: inline-block; }
.naruto-awajishima .ctm_pageTtl .ttlLv1 h2:after { content: ''; position: absolute; bottom: -2.1rem; left: 50%; transform: translateX(-50%); width: 2px; height: 3rem; background: #222; }
@media all and (min-width: 740px){
	.naruto-awajishima .ctm_pageTtl .ttlLv1 h2 { font-size: 3.0rem; }
}

/* font */
.fm_01 { font-family: "MS UI Gothic" }

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



/* Navi */
@media all and (max-width: 739px){
	#Navi .fsL { font-size: 1.7rem !important; }
}



/* Coupon_01, Coupon_02 */
#Coupon_01.ctm_contentsFull { padding-top: 0; background: #cdf4f5; }

.couponUnit .ttlLv2 { padding: 15px 20px 10px 25px; display: inline-block; background: #fff!important; 
border: 3px solid #3abec0; box-shadow: 8px 8px 0px 0px #3abec0; }
.couponUnit .ttlLv2 h3.heading { padding-left: 20px; border-left: 3px dashed #3abec0; position: relative; }
@media all and (min-width: 740px){
	.couponUnit .ttlLv2 h3.heading { font-size: 2.2rem; }
}
.couponUnit .ttlLv2 h3.heading sup { top: -33px; left: -15px; transform: rotate(-15deg); padding: 0.1em 0.2em 0 0.5em; 
color: #fff; background: #3abec0; position: absolute; }
.couponUnit .ttlLv2 h3.heading ul li { font-weight: normal; text-align: left; }

#Coupon_01 .clm_1_3col .col { padding-bottom: 10px; background: #fff url("../img_sites/coupon_bg01.png") no-repeat bottom right; box-shadow: 8px 8px 0px 0px #e3ae6e; }
@media all and (max-width: 739px){
	#Coupon_01 .clm_1_3col .col { margin: auto; width: 90%; }
	#Coupon_01 .clm_1_3col .col:nth-child(n+2) { margin-top: 20px; }
}
#Coupon_01 .clm_1_3col .ttlLv3 { margin: 15px 0; }
#Coupon_01 .clm_1_3col .ttlLv3 .heading { color: #1caeb0; font-size: 2.3rem; }
#Coupon_01 .clm_1_3col .ttlLv3 .heading span { color: #333; font-size: 1.8rem; }

@media all and (min-width: 740px){
	#Coupon_01 .clm_1_2col .col:nth-child(odd)  {width: calc(33% - 15px); }
	#Coupon_01 .clm_1_2col .col:nth-child(even) {width: calc(67% - 15px); }
}
#Coupon_01 .clm_1_2col .ttlLv3 .heading { border-left: 3px solid #3abec0; }



/* Point */
@media (max-width: 739px){
	#Point .ctm_pageTtl .ttlLv1 h2 { font-size: 2.6rem; }
	#Point .contentsUnit { padding: 0 20px; }
}

#Point .ttlLv2 { padding: 15px 20px 10px 25px; display: inline-block; background: #fff!important; box-shadow: 8px 8px 0px 0px #faf6ba; }
#Point .ttlLv2 h3.heading { padding-left: 20px; position: relative; }
#Point .color_typeA .ttlLv2 h3.heading { color: #1caeb0; border-left: 3px dashed #3abec0; }
#Point .color_typeB .ttlLv2 h3.heading { color: #dc9f55; border-left: 3px dashed #e3ae6e; }
@media all and (min-width: 740px){
	#Point .ttlLv2 h3.heading { font-size: 2.4rem; }
}



/* Sights */
#Sights .material-symbols-outlined { padding-right: 0.2em; font-size: 3.8rem; vertical-align: -0.2em; }

#Sights .clm_1_3col .col { position: relative; }
#Sights .color_typeA .col { background: linear-gradient(180deg, rgba(229, 254, 254, 1.0) 0%, rgba(229, 254, 254, 0.0) 8%); }
#Sights .color_typeB .col { background: linear-gradient(180deg, rgba(254, 252, 207, 1.0) 0%, rgba(254, 252, 207, 0.0) 8%); }
#Sights .color_typeA1B2 .col:first-child { background: linear-gradient(180deg, rgba(229, 254, 254, 1.0) 0%, rgba(229, 254, 254, 0.0) 8%); }
#Sights .color_typeA1B2 .col:nth-child(n+2) { background: linear-gradient(180deg, rgba(254, 252, 207, 1.0) 0%, rgba(254, 252, 207, 0.0) 8%); }
@media all and (max-width: 739px){
	#Sights .clm_1_3col .col:nth-child(n+2) { margin-top: 32px; }
}

#Sights .ttlLv3 .heading { font-size: 2.0rem; }
@media all and (min-width: 740px){
	#Sights .ttlLv3 .heading { font-size: 1.8rem; }
}

#Sights .ttlLv3 .heading sup { top: -20px; left: 10px; color: #fff; font-weight: 400; width: 4.0em; height: 4.0em; text-align: center; line-height: 4.0em; border-radius: 50%; position: absolute; display: inline-block; }
#Sights .ttlLv3 .heading sup:nth-child(2) { left: 90px; }
@media all and (min-width: 740px){
	#Sights .ttlLv3 .heading sup:nth-child(2) { left: 80px; }
}
@media all and (max-width: 739px){
	#Sights .ttlLv3 .heading sup { font-size: 1.8rem; }
}
#Sights .color_typeA .ttlLv3 .heading { color: #1caeb0; }
#Sights .color_typeA .ttlLv3 .heading sup { background: #3abec0; }
#Sights .color_typeB .ttlLv3 .heading { color: #dc9f55; }
#Sights .color_typeB .ttlLv3 .heading sup { background: #e3ae6e; }
#Sights .color_typeA1B2 .col:first-child .ttlLv3 .heading { color: #1caeb0; }
#Sights .color_typeA1B2 .col:first-child .ttlLv3 .heading sup { background: #3abec0; }
#Sights .color_typeA1B2 .col:first-child .ttlLv3 .heading sup:nth-child(2) { background: #e3ae6e; }
#Sights .color_typeA1B2 .col:nth-child(n+2) .ttlLv3 .heading { color: #dc9f55; }
#Sights .color_typeA1B2 .col:nth-child(n+2) .ttlLv3 .heading sup { background: #e3ae6e; }
@media all and (max-width: 739px){
	#Sights .color_typeA1B2 .col:first-child .ttlLv3 .heading { text-align: right; }
}


/* awajishima */
.awajishimaBlock .clm_1_2col { background: #e3ae6e; }
.awajishimaBlock .clm_1_2col.colWrap .col:nth-of-type(n+2) { padding: 0 15px 15px; }
@media all and (min-width: 740px){
	.awajishimaBlock .clm_1_2col.colWrap .col:nth-of-type(n+2) { padding-left: 0; }
}

.awajishimaBlock .clm_1_2col .ctm_pageTtl .ttlLv2 { margin-top: 15px; }
@media all and (min-width: 740px){
	.awajishimaBlock .clm_1_2col .ctm_pageTtl .ttlLv2 { margin-top: 25px; }
}
.awajishimaBlock .clm_1_2col .ctm_pageTtl .ttlLv2 .heading { color: #fff; font-size: 2.4rem; }



/* Hotel */
#Hotel .colWrap .col { padding: 0 20px 20px; background: #fff; }
#Hotel .color_typeA .colWrap .col { box-shadow: 8px 8px 0px 0px #3abec0; }
#Hotel .color_typeB .colWrap .col { box-shadow: 8px 8px 0px 0px #e3ae6e; }
#Hotel .color_typeA.bc02 .colWrap .col:nth-child(n+3),
#Hotel .color_typeB.bc02 .colWrap .col:nth-child(n+3) { padding: 0; background: transparent; box-shadow: none; }
@media all and (max-width: 739px){
	#Hotel .colWrap .col:nth-child(n+2) { margin-top: 24px; }
	#Hotel .color_typeA .colWrap .col { box-shadow: 5px 5px 0px 0px #3abec0; }
	#Hotel .color_typeB .colWrap .col { box-shadow: 5px 5px 0px 0px #e3ae6e; }
}
@media all and (min-width: 740px){
	#Hotel .colWrap.clm_1_4col .col { padding: 0 10px 10px; }
}

#Hotel .ttlLv2 { margin: 0; padding: 0.3em 1.5em; color: #fff; border-radius: 0 0 10px 10px; display: inline-block; }
#Hotel .color_typeA .ttlLv2 { background: #3abec0; }
#Hotel .color_typeB .ttlLv2 { background: #e3ae6e; }
#Hotel .ttlLv2 h3 { font-weight: 400; }
@media all and (min-width: 740px){
	#Hotel .ttlLv2 h3 { font-size: 2.0rem; }
	#Hotel .clm_1_4col .ttlLv2 h3 { font-size: 1.6rem; }
}

#Hotel .js-eqHeightCols-item .btnBox { display: block; text-align: center; }
#Hotel .js-eqHeightCols-item .btnBox .btn { padding: 15px 30px 15px 20px; font-size: 2.0rem; background-color: transparent; border: none; }
@media all and (max-width: 739px){
	#Hotel .js-eqHeightCols-item .btnBox .btn { display: inline-block; width: auto; }
}
@media all and (min-width: 740px){
	#Hotel .clm_1_4col .js-eqHeightCols-item .btnBox .btn { padding: 15px 30px 15px 10px; font-size: 1.7rem; }
}

#Hotel .clm_1_2col .clm_1_2col .col { padding: 0; box-shadow: none; }
#Hotel .clm_1_2col .clm_1_2col .col:nth-child(n+2) { margin-top: 10px; }



/* Option */
#Option .ttlLv3 { margin: 5px 0; }
#Option .ttlLv3 h4 { display: flex; justify-content: center; align-items: center; font-size: 1.6rem; }
@media all and (min-width: 740px){
	#Option .clm_1_3col .col:nth-of-type(2) .ttlLv3 h4 { font-size: 1.4rem; }
}
#Option .ttlLv3 h4:before,
#Option .ttlLv3 h4:after  { content: ''; width: 3px; height: 1.8em; background: #afedee; }
#Option .ttlLv3 h4:before { margin-right: 1.5em; transform: rotate(-35deg); }
#Option .ttlLv3 h4:after  { margin-left:  1.5em; transform: rotate(35deg); }



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

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