@charset "utf-8";

/* コンテンツ幅 フル */
.contentsInr { width: auto; padding: 0px; }
@media all and (min-width: 740px){
	.contentsInr { min-height: auto; }
}

.nagatoyumoto .ctm_contentsFull { margin-top: 0; }
@media all and (min-width: 740px){
	.nagatoyumoto .ctm_contentsFull { margin-top: 0; }
}

/* コンテンツ幅 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; }
}

/* font */
.nagatoyumoto .ctm_pageTtl .ttlLv1 h2,
.nagatoyumoto .ctm_pageTtl .ttlLv2 h3,
.nagatoyumoto .ctm_pageTtl .ttlLv3 h4 { font-family: "Shippori Mincho", serif; font-weight: 600; font-style: normal; }

/* icon */
.nagatoyumoto .material-symbols-outlined { font-variation-settings: 'wght' 300; vertical-align: middle; }

/* iconTxt */
.nagatoyumoto [class^="ctm_iconTxt_br"] { display: inline-block; padding: 3px 1.0rem 1px; color: #fff; border-radius: 4px; letter-spacing: 0.1rem; }

.nagatoyumoto .txtLimited { position: absolute; display: inline-block; transform: rotate(-12deg); padding: 0.2em 0.5em 0.1em 0.5em; font-weight: bold; color: #16b2e3; background: #fff; border: 2px solid #16b2e3; }

/* list */
.fsS li { font-size: 1.4rem; }
.fsL li { font-size: 1.8rem; }
@media all and (min-width: 740px){
	.fsS li { font-size: 1.2rem; }
	.fsL li { font-size: 1.6rem; }
}

/* ctm_pageTtl */
.nagatoyumoto .ctm_pageTtl .ttlLv1 { margin: 35px 0 30px; }
.nagatoyumoto .ctm_pageTtl .ttlLv1 .heading { position: relative; font-weight: 600; }
.nagatoyumoto .ctm_pageTtl .ttlLv1 .heading:before,
.nagatoyumoto .ctm_pageTtl .ttlLv1 .heading:after { content: ""; position: absolute; display: inline-block;
bottom: -40px; width: 60px; height: 60px; }
.nagatoyumoto .ctm_pageTtl .ttlLv1 .heading:before { background: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/ssy/nagatoyumoto/img_sites/heading_bg01.png?v=0) no-repeat; background-size: contain; left: 40px; }
.nagatoyumoto .ctm_pageTtl .ttlLv1 .heading:after  { background: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/ssy/nagatoyumoto/img_sites/heading_bg02.png?v=0) no-repeat; background-size: contain; right: 40px; }

#Sights .ctm_pageTtl .ttlLv1 { margin-top: 50px; }
#Sights .ctm_pageTtl .ttlLv1 .heading:before { background: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/ssy/nagatoyumoto/img_sites/heading_bg03.png?v=0) no-repeat; background-size: contain; }
#Sights .ctm_pageTtl .ttlLv1 .heading:after  { background: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/ssy/nagatoyumoto/img_sites/heading_bg04.png?v=0) no-repeat; background-size: contain; }
@media all and (max-width: 739px){
	#Sights .ctm_pageTtl .ttlLv1 .heading:before { left: 0; }
	#Sights .ctm_pageTtl .ttlLv1 .heading:after  { right: 0; }
}

@media all and (min-width: 740px){
	.nagatoyumoto .ctm_pageTtl .ttlLv1 { margin: 40px 0; }
	.nagatoyumoto .ctm_pageTtl .ttlLv1 .heading:before,
	.nagatoyumoto .ctm_pageTtl .ttlLv1 .heading:after { width: 70px; height: 70px; }
	.nagatoyumoto .ctm_pageTtl .ttlLv1 .heading:before { left: -90px; }
	.nagatoyumoto .ctm_pageTtl .ttlLv1 .heading:after  { right: -90px; }

}

@media all and (max-width: 739px){
	.nagatoyumoto .ctm_pageTtl .ttlLv1 h2 { font-size: 2.8rem; }
}

/* caption */
.nagatoyumoto .imgParts figcaption { font-size: 1.2rem; }

/* table */
.nagatoyumoto .table_type_B table { border: none; }
.nagatoyumoto .table_type_B th,
.nagatoyumoto .table_type_B td { padding: 10px 0; }
.nagatoyumoto .table_type_B table tr th:first-child,
.nagatoyumoto .table_type_B table tr td:first-child { border-left: none; }
.nagatoyumoto .table_type_B th { font-size: 1.4rem; color: #e9727a; background: #fff; border: none; border-bottom: 1px solid #e9727a; }
.nagatoyumoto .table_type_B td { background: #fff; border: none; border-bottom: 1px solid #e9727a; }

@media all and (min-width: 740px){

}

/* Botton type horizon */
.nagatoyumoto .ctm_btnList_horizon .btnBox { display: block; width: 100%; height: 100%; }
.nagatoyumoto .ctm_btnList_horizon .col > div { height: 100%; }
.nagatoyumoto .ctm_btnList_horizon .col .btn { display: table; width: 100%; height: 100%; padding-top: 10px; padding-bottom: 10px; margin-top: 0px; }
.nagatoyumoto .ctm_btnList_horizon .col .btnInr { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }

/* anchorList */
.nagatoyumoto .anchorList .btnBK .btn { background: #9a9236; }
@media all and (max-width: 739px){
	.nagatoyumoto .anchorList .btn { margin-top: 0; }
}



/* MV */
#MV .hero_img,
#MV .hero_img .bx-wrapper { background: #a0323d; }



/* Lead */
#Lead.ctm_contentsFull { padding: 20px 0; color: #fff; background: #a0323d; }

#Lead .ctm_pageTtl .ttlLv4 { margin: 0; }
#Lead .ctm_pageTtl .ttlLv4 h5 { display: inline-block; margin: auto; font-size: 1.6rem; text-align: left; }
@media all and (min-width: 740px){
	#Lead .ctm_pageTtl .ttlLv4 h5 { padding-left: 5em; text-indent: -5em; }
}



/* Navi */
#Navi.ctm_contentsFull { background: #fff; }

#Navi .ctm_pageTtl .ttlLv4 { margin: 0; color: #c00; }
#Navi .ctm_pageTtl .ttlLv4 h5 { font-size: 1.6rem; }

@media all and (max-width: 739px){
	#Navi .cpnBlock .ctm_pageTtl .ttlLv2 h3 { font-size: 2.4rem; }
}

#Navi .cpnBlock .cpnLogo .imgParts { margin: 20px auto; width: 70%; }
@media all and (min-width: 740px){
	#Navi .cpnBlock .cpnLogo .imgParts { margin: 20px auto; width: 40%; }
}

#Navi .cpnBlock .ctm_pageTtl .ttlLv4 { color: #333; font-weight: normal; }




/* Point */
#Point.ctm_contentsFull {  
background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/ssy/nagatoyumoto/img_sites/point_bg01.png?v=1); background-size: 100%; background-position: top; background-repeat: no-repeat; background-color: #c9eefa; }

#Point .naviBlock .col:nth-child(1) { background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/ssy/nagatoyumoto/img_sites/point01_heading01.png?v=1); }
#Point .naviBlock .col:nth-child(2) { background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/ssy/nagatoyumoto/img_sites/point02_heading01.png?v=1); }
#Point .naviBlock .col:nth-child(3) { background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/ssy/nagatoyumoto/img_sites/point03_heading01.png?v=1); }
#Point .naviBlock .col { position: relative; padding: 0 20px 20px; border: 1px solid #a0323d; border-radius: 20px; 
box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.05); 
background-size: 26%; background-position: 50% 15px; background-repeat: no-repeat; background-color: #fff; }

#Point .naviBlock .ctm_pageTtl .ttlLv2 { margin: 80px 0 0; }
#Point .naviBlock .ctm_pageTtl .ttlLv2 h3 { font-size: 1.8rem; }
#Point .naviBlock .ctm_pageTtl .ttlLv2 h3 strong { font-size: 2.2rem; color: #e9727a; }

#Point .naviBlock .col .txtLimited { top: 36px; left: -29px; }
@media all and (min-width: 740px){
	#Point .naviBlock .col .txtLimited { left: -16px; }
}


#Point .pointListBlock { position: relative; padding: 20px 25px; background: #fff; 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_01:before { content: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/ssy/nagatoyumoto/img_sites/point01_heading01.png?v=2); }
#Point_02:before { content: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/ssy/nagatoyumoto/img_sites/point02_heading01.png?v=2); }
#Point_03:before { content: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/ssy/nagatoyumoto/img_sites/point03_heading01.png?v=2); }
#Point_01:before,
#Point_02:before,
#Point_03:before { transform: scale(0.33); position: absolute; top: -70px; left: -140px; }
@media all and (min-width: 740px){
	#Point_01:before, #Point_02:before, #Point_03:before { transform: scale(0.35); top: -60px; left: -146px; }
}

#Point .pointListBlock .ctm_pageTtl .ttlLv2 { margin-top: 10px; padding-left: 70px; text-align: left; }
#Point .pointListBlock .ctm_pageTtl .ttlLv2 h3 { display: inline-block; position: relative; font-size: 2.6rem; }
#Point .pointListBlock .ctm_pageTtl .ttlLv2 h3 strong { color: #e9727a; }
@media all and (min-width: 740px){
	#Point .pointListBlock .ctm_pageTtl .ttlLv2 { margin-top: 30px; }
	#Point .pointListBlock .ctm_pageTtl .ttlLv2 h3 { font-size: 2.8rem; }
}

#Point .pageTtl_typeA .ttlLv4 { margin-top: 40px; padding: 15px 20px 10px 25px; display: inline-block; background: #fff!important; 
border: 3px solid #16b2e3; box-shadow: 8px 8px 0px 0px #16b2e3; }
#Point .pageTtl_typeA .ttlLv4 h5 { padding-left: 20px; border-left: 3px dashed #16b2e3; position: relative; font-size: 2.0rem; }
@media all and (min-width: 740px){
	#Point .pageTtl_typeA .ttlLv4 h5 { font-size: 2.2rem; }
}
#Point .pageTtl_typeA .ttlLv4 h5 sup { top: -33px; left: -15px; transform: rotate(-15deg); padding: 0.1em 0.2em 0 0.5em; 
color: #fff; background: #16b2e3; position: absolute; }
	#Point .pageTtl_typeA .ttlLv4 h5 .fsL { display: block; margin-top: 0.5rem; }
@media all and (max-width: 739px){
	#Point .pageTtl_typeA .ttlLv4 h5 .fsL { font-size: 1.3rem !important; }
}

#Point .stepBlock .ttlLv4 { margin-bottom: 0; padding-top: 20px; }
#Point .stepBlock .ttlLv4 h5 { font-size: 1.8rem; }
#Point .stepLabel { background-color: #16b2e3; }
#Point .stepLabel:after { border-color: transparent transparent transparent #16b2e3; }

#Point .stepBlock #Step_04 .ttlLv4 { border-bottom: none; }

@media all and (min-width: 740px){
	#Point .table_typeA table { width: 100%; }
}

#Point .table_type_B th { width: 25%; }
@media all and (min-width: 740px){
	#Point .table_type_B th { width: 10%; }
	#Point .clm_1_2col .table_type_B th { width: 20%; }
}

@media all and (min-width: 740px){
	#Point .pointWrap_type_A { padding-left: 70px; }
	#Point .pointWrap_type_A .clm_1_2col .col:nth-of-type(1) { width: calc(65% - 15px); }
	#Point .pointWrap_type_A .clm_1_2col .col:nth-of-type(2) { width: calc(35% - 15px); }
}

/** Point_01 **/
@media all and (max-width: 739px){
	#Point #Point_01 .ctm_pageTtl .ttlLv2 { margin-top: 20px; }
}

#Point_01 .txtLimited { top: -5px; left: 170px; font-size: 1.8rem; color: #fff; background: #e9727a; border: 2px solid #e9727a; }
@media all and (min-width: 740px){
	#Point_01 .txtLimited { top: 40px; left: 510px; }
}

/** Point_02 **/
@media all and (max-width: 739px){
	#Point #Point_02 .ctm_pageTtl .ttlLv2 { margin-top: 30px; }
}

#Point_02 .txtLimited { top: 5px; right: 15px; }

@media all and (min-width: 740px){
	#Point_02 .txtLimited { top: 36px; right: 475px; }
	#Point_02 .slick-box .slidControl { bottom: 38px; }
}

/** Point_03 **/
#Point_03 .clm_1_2col:before { content: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/ssy/nagatoyumoto/img_sites/point03_deco01.png?v=0); transform: scale(0.25); position: absolute; top: -40px; left: 220px; }
@media all and (min-width: 740px){
	#Point_03 .clm_1_2col:before { transform: scale(0.28); top: -25px; left: 700px; }
}

@media all and (max-width: 739px){
	#Point_03 .clm_1_2col.colWrap .col:nth-of-type(2) { margin-top: 20px; }
}

#Point .btnBK .btn { background: #a0323d; }
#Point .btnBK .btn strong { color: #fff; }



/* Sights */
#Sights.ctm_contentsFull {  
background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/ssy/nagatoyumoto/img_sites/sights_bg01.png?v=1); background-size: 100%; background-position: top; background-repeat: no-repeat; background-color: #fff; }

#Sights .ctm_pageTtl .ttlLv1 { position: relative; }
#Sights .ctm_pageTtl .ttlLv1:before { content: ""; position: absolute; display: inline-block;
top: -45px; left: 0; right: 0; margin: 0 auto; width: 50px; height: 50px; background: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/ssy/nagatoyumoto/img_sites/sights_deco01.png?v=0) no-repeat; background-size: contain; }

#Sights .mapBlock .imgParts { margin: 20px auto 30px; width: 100%; }
@media all and (min-width: 740px){
	#Sights .mapBlock .imgParts { margin: 20px auto 30px; width: 70%; }
}

#Sights .sightsListBlock .ctm_pageTtl .ttlLv2 { margin-top: 20px; padding: 5px 0 7px; color: #fff; }
#Sights .sightsListBlock .ctm_pageTtl .ttlLv2 h3 { font-size: 2.4rem; }
@media all and (min-width: 740px){
	#Sights .sightsListBlock .ctm_pageTtl .ttlLv2 h3 { font-size: 2.6rem; }
}
#Sights .sightsListBlock .inrWrap { padding: 0 20px; }

#Sights .sightsListBlock .imgParts figcaption { padding-left: 10px; }

#Sights .sightsListBlock .clm_1_3col .table_type_B th { width: 25%; }
@media all and (min-width: 740px){
	#Sights .sightsListBlock .clm_1_3col .table_type_B th { width: 28%; }
}

/** type_A **/
#Sights .sightsListBlock .sightsBlock_type_A .col { position: relative; padding: 20px 0; border: 1px solid #e9727a; border-radius: 20px; }
@media all and (max-width: 739px){
	#Sights .sightsListBlock .sightsBlock_type_A .clm_1_2col.colWrap .col:nth-of-type(n+2) ,
	#Sights .sightsListBlock .sightsBlock_type_A .clm_1_3col.colWrap .col:nth-of-type(n+2) { margin-top: 24px !important; }
}

#Sights .sightsListBlock .sightsBlock_type_A .ctm_pageTtl .ttlLv2 { background: #e9727a; }

#Sights .sightsListBlock .type_A02 .col { border: 1px solid #a0323d; }
/* #Sights .sightsListBlock .clm_1_2col .col:nth-child(2) { display: none; } */
#Sights .sightsListBlock .type_A02 .ctm_pageTtl .ttlLv2 { margin-top: 10px; background: #a0323d; }
#Sights .sightsListBlock .type_A02 .ctm_pageTtl .ttlLv2 h3 { font-size: 2.0rem; }

#Sights .sightsListBlock .type_A01 .col:nth-child(1) .txtLimited { top: 313px; left: -13px; }
#Sights .sightsListBlock .type_A02 .col:nth-child(2) .txtLimited { top: -5px; right: -16px; }
@media all and (min-width: 740px){
	#Sights .sightsListBlock .type_A01 .col:nth-child(1) .txtLimited { top: 260px; left: -20px; }
	#Sights .sightsListBlock .type_A02 .col:nth-child(2) .txtLimited { top: 0px; right: -10px; }
}

/** type_B **/
#Sights .sightsListBlock .sightsBlock_type_B { padding: 20px 0; border: 1px solid #0286c4; border-radius: 20px; }
#Sights .sightsListBlock .sightsBlock_type_B .colWrap { color: #fff; background: #0286c4; }
#Sights .sightsListBlock .sightsBlock_type_B .clm_1_2col .col:nth-of-type(2) { padding: 0 20px 10px; }
@media all and (min-width: 740px){
	#Sights .sightsListBlock .sightsBlock_type_B .clm_1_2col .col:nth-of-type(2) { padding: 0 30px 10px 0; }
}

#Sights .sightsListBlock .sightsBlock_type_B .ctm_pageTtl .ttlLv2 { margin-top: 10px; border-bottom: 1px solid #fff; }


#Sights .imgParts figcaption { padding-left: 10px; }

#Sights .sightsListBlock .clm_1_3col .table_type_B th { width: 25%; }
@media all and (min-width: 740px){
	#Sights .sightsListBlock .clm_1_3col .table_type_B th { width: 28%; }
}

/** type_C **/
#Sights .sightsBlock_type_C_Wrap { position: relative; }
@media all and (min-width: 740px){
	#Sights .sightsBlock_type_C_Wrap:after { content: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/ssy/nagatoyumoto/img_sites/fy25_spring/sights_deco02.png?v=0);
position: absolute; top: 120px; right: -80px; transform: scale(0.30); }
}

#Sights .sightsListBlock .sightsBlock_type_C { padding: 20px 0; border: 1px solid #a0323d; border-radius: 20px; }

#Sights .sightsListBlock .sightsBlock_type_C .ctm_pageTtl .ttlLv2 { margin-top: 10px; background: #a0323d; }








/* Hotel */
#Hotel.ctm_contentsFull {  
background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/ssy/nagatoyumoto/img_sites/hotel_bg01.png?v=1); background-size: 100%; background-position: top; background-repeat: no-repeat; background-color: #fddee0; }

#Hotel .ctm_bdrColumn .col { background-image: linear-gradient(180deg, rgba(229, 245, 180, 1), rgba(255, 255, 255, 1) 10%); }

#Hotel .ctm_bdrColumn .clm_1_2col .col { padding: 10px 30px 20px; }

#Hotel .ctm_bdrColumn.bc01 .colWrap .col:nth-child(n+2) { background-image: none; background-color: transparent; }


#Hotel .ctm_bdrColumn .ctm_pageTtl .ttlLv2 { margin: 10px 0 10px; }
#Hotel .ctm_bdrColumn .ctm_pageTtl .ttlLv2 h3 { font-size: 2.4rem; }
#Hotel .ctm_bdrColumn .clm_1_2col .ctm_pageTtl .ttlLv2 h3 { font-size: 2.6rem; }
#Hotel .ctm_bdrColumn .ctm_pageTtl .ttlLv2 h3 sup { font-size: 1.8rem; vertical-align: middle; }

#Hotel .ctm_bdrColumn .ctm_pageTtl .ttlLv3 { margin: 10px 0 0; color: #e9727a; border-bottom: 1px solid #e9727a; }
#Hotel .ctm_bdrColumn .ctm_pageTtl .ttlLv3 h4 { font-size: 2.0rem; }


#Hotel .ctm_bdrColumn .textlinkbox { text-align: center; }
@media all and (min-width: 740px){
	#Hotel .ctm_bdrColumn .textlinkbox .txtLink { margin-top: 10px; }
}

@media all and (min-width: 740px){
	#Hotel .ctm_bdrColumn .ta-gadget-rg-c .freehtml .tripBox180 { margin: 0 0 0 auto; }
}




@media all and (max-width: 739px){
	.nagatoyumoto .js-eqHeightCols .js-eqHeightCols-item,
	.nagatoyumoto .js-eqHeightCols .js-eqHeightCols-item-2,
	.nagatoyumoto .js-eqHeightCols .js-eqHeightCols-item-3,
	.nagatoyumoto .js-eqHeightCols .js-eqHeightCols-item-4 { height: auto!important; }
}

@media all and (max-width: 739px){
}
@media all and (min-width: 740px){
}