/*photo_pan*/
@media only screen and (min-width:1024px){
    .in02 .photo_pan_right.is-photo-parallax-enabled, .fa01 .photo_pan_right.is-photo-parallax-enabled{width:100%; aspect-ratio:3/2; overflow:hidden;}
    .fa01 .photo_pan_right.is-photo-parallax-enabled{aspect-ratio:1/1.3;}
    .in02 .photo_pan_right.is-photo-parallax-enabled > .img_fit, .fa01 .photo_pan_right.is-photo-parallax-enabled > .img_fit{position:absolute; left:0; top:0; width:110%; max-width:none; height:100%; aspect-ratio:auto; transform:translateX(var(--in01-img03-x, 0px));}
    .in02 .photo_pan_right.is-photo-parallax-enabled > .img_fit{width:105%;}
}

/*in_video*/
.in_video_wrap{position:relative; width:100%;}
.in_video_wrap .cc{display:flex; justify-content:center; align-items:flex-end; z-index:2; position:absolute; filter:drop-shadow(0px 0px 24px rgba(0,0,0,.6));}
.in_video_wrap .cc .main{font-size:var(--px20_44); text-align:right;}
.in_video_wrap .cc .sub{font-size:var(--px16_24); line-height:1; margin-left:var(--px8_24);}
.in_video_wrap .cc .main,
.in_video_wrap .cc .sub{writing-mode:vertical-rl; color:var(--wh);}
@media only screen and (max-width:1023px){
    .in_video_wrap .cc{right:var(--px16_48); bottom:var(--px24_96);}
    .in_video_wrap .cc .main{line-height:1.5; margin-left:-0.25em; margin-right:-0.25em;}
}
@media only screen and (min-width:1024px){
    .in_video_wrap .cc{right:clamp(3rem, -8.755rem + 18.37vw, 12rem)/*48_192*/; bottom:clamp(3rem, -11.367rem + 22.45vw, 14rem)/*48_224*/;}
    .in_video_wrap .cc .main{line-height:1.6; margin-left:-0.3em; margin-right:-0.3em;}
}
.in_video{position:relative; overflow:hidden;}
#in_video{width:100%; height:auto; aspect-ratio:1/0.563; object-fit:cover;}
.in_video::after{content:""; position:absolute; inset:0; background:rgba(0,0,0,0.3); pointer-events:none;}
@media only screen and (max-width:374px){
       .in_video .text{display:none;} 
}
@media only screen and (max-width:575px){
	.in_video,
    #in_video{aspect-ratio:3/2;}
}
@media only screen and (min-width:576px) and (max-width:1023px){
	.in_video,
    #in_video{aspect-ratio:1/.6;}
}
@media only screen and (min-width:1024px){
	.in_video{vertical-align:bottom; aspect-ratio:1/0.475; width:100%;}
    #in_video{width:100%; height:auto; max-width:100%; vertical-align:bottom; position:absolute; left:50%; bottom:0%; transform:translate(-50%,0%);}
}

/*in01*/
.in01{width:100%; display:flex; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.in01 .box{position:relative; box-sizing:border-box;}
@media only screen and (max-width:1023px){
    .in01{padding-left:var(--contents01); padding-right:var(--contents01); flex-direction:column;}
    .in01 .box01{margin-bottom:var(--max1023_px24_28); border-bottom:1px solid var(--ivo); padding-bottom:var(--px24_32);}
}
@media only screen and (min-width:1024px){
    .in01{justify-content:space-between;}
    .in01 .box{padding-top:var(--px16_24);}
    .in01 .box01{width:20%; margin-left:5%;}
    .in01 .box02{width:70%; margin-right:5%; padding-left:clamp(3rem, -0.918rem + 6.12vw, 6rem)/*48_96*/;}
    .in01 .box01::before{content:""; display:inline-block; position:absolute; right:0; top:0; width:1px; height:100%; background:var(--ivo); z-index:2;}
}
@media only screen and (min-width:1472px){
    .in01 .box01{width:15%; margin-left:15%;}
    .in01 .box02{width:55%; margin-right:15%;}
}

/*news_umekomi*/
.news_umekomi{width:100%;}
.news_umekomi .up_ymd{line-height:1.8; display:inline-block; letter-spacing:0.05em;}
.news_umekomi ul#newsList li{box-sizing:border-box; width:100%; margin-bottom:var(--px16_24); display: flex;}
.news_umekomi ul#newsList li a{transition:all .3s ease;}
.news_umekomi .newMark{line-height:1.8; font-size:14px; color:var(--lbr);}
.news_umekomi_kanri{text-align:right!important; align-self:flex-end;}
.news_umekomi_kanri a{font-size:11px!important;}
.news_umekomi .up_ymd{margin-right:1.25em;}
@media only screen and (max-width:1023px){
    .news_umekomi ul#newsList li a{line-height:1.8;}
}
@media only screen and (min-width:1024px){
    .news_umekomi ul#newsList li a{line-height:1.8;}
    .news_umekomi ul#newsList li a:hover{opacity:.75;}
}
@media only screen and (max-width:1471px){
    .news_umekomi ul#newsList li{display:flex; flex-direction:column;}
}
@media only screen and (min-width:1472px){
	.news_umekomi .up_ymd{width:11em; white-space:nowrap;}
}

/*in02*/
.in02{width:100%; display:flex; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.in02 .box{position:relative; box-sizing:border-box;}
.in02 .box01{display:flex; flex-direction:column; align-items:flex-start;}
.in02 .box .img{width:100%; position:relative;}
.in02 .img .inner{position:relative;}
.in02 .img .inner::before,
.in02 .img .inner::after{content:""; display:inline-block; position:absolute; background:var(--wh); z-index:2;}
@media only screen and (max-width:1023px){
    .in02{padding-left:var(--contents01); padding-right:var(--contents01); flex-direction:column;}
    .in02 .box02{display:none;}
    .in02 .box .img{display:flex; justify-content:space-between;}
    .in02 .box .img .inner{width:50%;}
    .in02 .box .img .inner .img_fit{aspect-ratio:1/1.2;}
    .in02 .desc{margin-bottom:var(--max1023_px24_28);}
    .in02 .img .inner01::before{right:0; top:0; width:1px; height:100%;}
    .in02 .bgo{right:0; bottom:0; transform:translate(25%,50%);}
}
@media only screen and (min-width:1024px){
    .in02{align-items:flex-start;}
    .in02 .desc{margin-bottom:clamp(3rem, -1.898rem + 7.65vw, 6.75rem)/*48_108*/;}
    .in02 .box .img .inner01{width:100%;}
    .in02 .box .img .inner02{display:none;}
    .in02 .box01{width:45%; margin-left:5%; padding-top:var(--px8_16);}
    .in02 .box02{width:35%; margin-left:5%; order:-1;}
    .in02 .box02 .img_fit{aspect-ratio:1/1.3;}
    .in02 .bgo{left:0; bottom:0; transform:translate(-33.3333%,75%);}
}
@media only screen and (min-width:1472px){
    .in02 .box01{width:40%; margin-left:10%;}
    .in02 .box02{width:30%; margin-left:10%;}
    .in02 .desc{line-height:2.5;}
}
@media only screen and (min-width:1808px){
    .in02 .desc{white-space:nowrap;}
}

/*in03*/
.in03{width:100%; display:flex; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.in03 .box{position:relative; box-sizing:border-box;}
@media only screen and (max-width:1023px){
    .in03{padding-left:var(--contents01); padding-right:var(--contents01); flex-direction:column;}
    .in03 .box{width:100%;}
}
@media only screen and (min-width:1024px){
    .in03 .box{width:90%; margin-left:5%;}
    .in03 .img_fit{aspect-ratio:1/.46;}
}
@media only screen and (min-width:1472px){
    .in03 .box{width:80%; margin-left:10%;}
}

/*in04*/
.in04{width:100%; display:flex; flex-wrap:wrap; box-sizing:border-box; position:relative;}
@media only screen and (min-width:1024px){
    html.fade-enabled .in01 .box01::before, html.fade-enabled .in04 .box01::before, html.fade-enabled .cu03 .box01::before, html.fade-enabled .si04 .box01::before{height:0; transition:height 1.5s cubic-bezier(.22,1,.36,1);}
    html.fade-enabled .in01 .box01.visible::before, html.fade-enabled .in04 .box01.visible::before, html.fade-enabled .cu03 .box01.visible::before, html.fade-enabled .si04 .box01.visible::before{height:100%;}
}
@media (prefers-reduced-motion:reduce), print{
    html.fade-enabled .in01 .box01::before, html.fade-enabled .in04 .box01::before, html.fade-enabled .cu03 .box01::before, html.fade-enabled .si04 .box01::before{height:100%; transition:none;}
}
.in04 .box{position:relative; box-sizing:border-box; display:flex; flex-direction:column; align-items:flex-start;}
@media only screen and (max-width:1023px){
    .in04{padding-left:var(--contents01); padding-right:var(--contents01); margin-top:var(--max1023_px24_28);}
    .in04 .box{width:100%;}
    .in04 .box01{margin-bottom:var(--px16_32);}
}
@media only screen and (min-width:1024px){
    .in04{margin-top:var(--px48_64); justify-content:space-between;}
    .in04 .box{padding:var(--px16_24) 0;}
    .in04 .box01{width:30%; margin-left:5%;}
    .in04 .box02{width:60%; margin-right:5%; padding-left:clamp(3rem, -0.918rem + 6.12vw, 6rem)/*48_96*/;}
    .in04 .box01::before{content:""; display:inline-block; position:absolute; right:0; top:0; width:1px; height:100%; background:var(--ivo); z-index:2;}
    
    .in04_ajust01 .box01{width:35%;}
    .in04_ajust01 .box02{width:55%;}
}
@media only screen and (min-width:1472px){
    .in04 .box01{width:25%; margin-left:15%;}
    .in04 .box02{width:45%; margin-right:15%;}
    .in04 .desc{line-height:2.5; margin-top:-.75em;}
    
    .in04_ajust01 .box01{width:30%;}
    .in04_ajust01 .box02{width:40%;}
}
@media only screen and (min-width:1808px){
    .in04 .desc{white-space:nowrap;}
}

/*in05*/
.in05{width:100%; display:flex; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.in05 .box{position:relative; box-sizing:border-box; display:flex; flex-direction:column; align-items:flex-start;}
@media only screen and (max-width:1023px){
    .in05{padding-left:var(--contents01); padding-right:var(--contents01); margin-top:var(--max1023_px24_28);}
    .in05 .box{width:100%; align-items:center;}
}
@media only screen and (min-width:1024px){
    .in05 .box{width:90%; margin-left:5%;}
}
@media only screen and (min-width:1472px){
    .in05 .box{width:70%; margin-left:15%;}
    .in05 .desc{line-height:2.5;}
}

/*in06*/
.in06{overflow:visible;}
.in06 .slider01_slide{position:relative; display:grid; grid-template-rows:auto auto; align-content:start;}
.in06 .slider01_caption{position:relative; justify-self:end; transform:translateY(-50%); max-width:90%; padding:.6em .75em; background:var(--pbe); line-height:1; text-align:left;}
@media only screen and (max-width:767px){
    .in06 .img_fit{aspect-ratio:1/.6;}
}
@media only screen and (min-width:768px) and (max-width:1023px){
    .in06 .img_fit{aspect-ratio:1/.45;}
}
@media only screen and (max-width:1023px){
    .in06{margin-top:var(--max1023_px24_28);}
    .in06 .slider01_caption{right:var(--contents01); font-size:var(--px15_19);}
}
@media only screen and (min-width:1024px){
    .in06{margin-top:var(--max1023_px24_28);}
    .in06 .img_fit{aspect-ratio:1/.35;}
    .in06 .slider01_caption{right:5%; font-size:var(--px16_32)}
}
@media only screen and (min-width:1472px){
    .in06{margin-top:var(--px32_48);}
    .in06 .slider01_caption{right:15%;}
}
@media only screen and (min-width:1024px){
    .in06 .bgo{top:0; right:5%; transform:translate(0,-75%);}
}
@media only screen and (min-width:1472px){
    .in06 .bgo{right:10%;}
}

/*in07*/
.in07{width:100%; display:flex; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.in07 .box{position:relative; box-sizing:border-box;}
@media only screen and (max-width:1023px){
    .in07{padding-left:var(--contents01); padding-right:var(--contents01); margin-top:var(--max1023_px24_28);}
    .in07 .box{width:100%;}
    .in07 .box01{margin-bottom:var(--px24_40);}
}
@media only screen and (min-width:1024px){
    .in07 .box01{width:30%; margin-left:5%;}
    .in07 .box02{width:60%; margin-right:5%;}
}
@media only screen and (min-width:1472px){
    .in07 .box01{width:20%; margin-left:15%;}
    .in07 .box02{width:50%; margin-right:15%;}
    .in07 .desc{line-height:2.5;}
}

/*プランRSS*/
.plan_rss{display:flex; flex-wrap:wrap; row-gap:var(--px48_64);}
.plan_rss .mini{display:flex; flex-direction:column; align-items:flex-start;}
.plan_rss .mini .plan_img{width:100%; height:auto; margin-bottom:1em; overflow:hidden;}
.plan_rss .mini .plan_img a{overflow:hidden; display:block; position:relative; width:100%; height:auto; max-width:100%; vertical-align:bottom; object-fit:cover;}
.plan_rss .mini .plan_img a img{transition:all .3s ease;}
.plan_rss .mini .plan_text h3{text-align:left; display:flex; line-height:1.8; background:transparent;}
.plan_rss .mini .plan_text h3 a{text-align:justify; line-height:1.8; box-sizing:border-box; display:inline-block;}
.plan_rss .mini .plan_text p{display:none;}
@media only screen and (max-width:767px){
    .plan_rss .mini{width:100%;}
}
@media only screen and (min-width:768px){
    .plan_rss{justify-content:space-between; row-gap:0;}
    .plan_rss::after{content:""; display:inline-block; width:46%;}
    .plan_rss .mini{width:46%;}
    .plan_rss .mini:nth-child(n+3){margin-top:var(--px48_96);}
}
@media only screen and (min-width:1024px){
    .plan_rss .mini .plan_text{transition:opacity .3s ease;}
    .plan_rss .mini .plan_img a img{transition:filter .3s ease, transform .8s cubic-bezier(.22,1,.36,1);}
    .plan_rss .mini:hover .plan_text{opacity:.75;}
    .plan_rss .mini:hover .plan_img a img{filter:brightness(.6);}
}
@media (min-width:1024px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
    .in07 .plan_rss .mini:hover .plan_img a img{transform:scale(1.06);}
}
@media only screen and (min-width:1472px){
    .plan_rss .mini{width:45%;}
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"]{border-radius:0; -webkit-box-sizing:content-box; -webkit-appearance:button; appearance:button; border:none; box-sizing:border-box; cursor:pointer;}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration{display:none;}
input[type="submit"]:focus,
input[type="button"]:focus{outline-offset:-2px;}
select{-webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; outline:none; background:transparent;}
button, input[type="submit"]{-webkit-appearance:none; -moz-appearance:none; appearance:none; padding:0; border:none; outline:none; background:transparent;}
.CheckboxInput{display:flex; align-items:center; cursor:pointer;}
.search .CheckboxInput-Input{position:absolute; margin:0; padding:0; width:1px; height:1px; opacity:0;}
.CheckboxInput-Input:checked + .CheckboxInput-DummyInput{
/*チェックボックス背景色*/	
background:var(--be);}
.CheckboxInput-Input:checked + .CheckboxInput-DummyInput::before{content:""; display:block; position:absolute; top:50%; left:50%; width:40%; height:4px; transform:translate(-5px, 2px) rotateZ(-135deg); transform-origin:2px 2px; background:var(--bk);}
.CheckboxInput-Input:checked + .CheckboxInput-DummyInput::after{content:""; display:block; position:absolute; top:50%; left:50%; width:76%; height:4px; transform:translate(-5px, 2px) rotateZ(-45deg); transform-origin:2px 2px; background:var(--bk);}
.CheckboxInput-DummyInput{position:relative; top:0; left:0; display:block; width:22px; height:22px; background:var(--wh); box-sizing:border-box; border-radius:0;}
.CheckboxInput-LabelText{margin-left:12px; display:block;}

/*search*/
.search_wrap{position:relative; isolation:isolate; z-index:1;}
.search{display:flex; box-sizing:border-box; position:relative;}
.search{--search_field_h:42px;}
.search form #datepicker{height:var(--search_field_h); box-sizing:border-box;}
.search .undecided .CheckboxInput{height:var(--search_field_h); align-items:center;}
.search .undecided .CheckboxInput-Input:checked + .CheckboxInput-DummyInput{background:var(--be);}
@media only screen and (min-width:1248px){
    .search{--search_field_h:48px;}
}
.plan_form{width:100%; display:flex; justify-content:center;}
.plan_form .form_box{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.plan_form .title{margin:0 0 16px 0; padding:0; text-align:center; line-height:1;}
.plan_form .title,
.plan_form .price span{color:var(--wh);}
.plan_form span{margin:0;}
.plan_form select{position:relative; padding:3px 5px;}
.plan_form input{position:relative; padding:3px 5px;}
.plan_form #datepicker,
.plan_form select{font-size:16px; border:0; border-radius:0;}
.plan_form input,
.plan_form #datepicker,
.plan_form select,
.plan_form option{background:var(--wh); color:var(--bk); border:none;}
.CheckboxInput-DummyInput{border:none;}
.plan_form .check_in{width:auto; text-align:center;}
.plan_form .check_in input{width:120px; cursor:pointer;}
.plan_form .undecided{width:auto; text-align:center;}
.plan_form .undecided .CheckboxInput{display:flex; justify-content:center; cursor:pointer;}
.plan_form .guests{width:auto; text-align:center;}
.plan_form .guests select{width:100px;}
.plan_form .type {width:auto; text-align:center;}
.plan_form .type select{width:100px;}
.plan_form .price {width:auto; text-align:center;}
.plan_form .price span{width:10px; text-align:center; margin:0;}
.plan_form .option-input{position:relative;  cursor:pointer;}
@media only screen and (max-width:359px){
	.plan_form .check_in{width:100%; text-align:center; margin:0 0 20px 0;}
	.plan_form .check_in input{width:100%;}
	.plan_form .undecided{width:100%; margin:0 0 20px 0;}
	.plan_form .guests{width:100%; text-align:center; margin:0 0 20px 0;}
	.plan_form .type{width:100%; text-align:center; margin:0 0 20px 0;}
	.plan_form .type select{width:100%;}
	.plan_form .price {width:100%; text-align:center; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
	.plan_form .price .title{width:100%;}
	.plan_form .price select{width:100%;} 
	.plan_form .price span{width:100%; text-align:center; padding:0; margin:10px 0!important; display:block;}
}
@media only screen and (max-width:1247px){
    .search_wrap{box-sizing:border-box; padding-left:var(--contents01); padding-right:var(--contents01);}
	.search{padding-top:3em; padding-bottom:3em; display:flex; flex-direction:column; align-items:center;}
    .plan_form{display:flex; flex-direction:column;}
	.plan_form .title{margin:0 0 12px 0; padding:0; text-align:center;}
	.plan_form span{margin:0;}
	.plan_form .check_in{width:46%; text-align:center; margin:0 0 1.5em 0;}
	.plan_form .check_in input{width:100%;}
	.plan_form .undecided{width:46%; margin:0 0 1.5em 0;}
	.plan_form .guests{width:46%; text-align:center; margin:0 0 1.5em 0;}
	.plan_form .guests select{width:100%;}
	.plan_form .type{width:46%; text-align:center; margin:0 0 1.5em 0;}
	.plan_form .type select{width:100%;}
	.plan_form .price{width:100%; text-align:center; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin:0 0 2.5em 0;}
	.plan_form .price .title{width:100%;}
	.plan_form .price select{width:46%;} 
	.plan_form .price span {width:auto; text-align:center; padding:0;}
	.plan_form .option-input{position:relative;  cursor:pointer; height:auto;}
	.plan_form .option-input:before{display:none;}
	.plan_form .option-input:checked:before{display:none;}
	.plan_form .option-input:after{display:none;}
	input{height:42px;}
	input[type="text"] {box-sizing:border-box;}
	select{box-sizing:border-box; height:42px;}
}
@media only screen and (min-width:1248px){
    .search_wrap{width:90%; margin-left:5%; overflow:visible;}
	.search{justify-content:space-between; align-items:center; width:clamp(62.5rem, 48.571rem + 17.86vw, 68.75rem)/*1000_1100*/; height:clamp(10.813rem, 8.166rem + 3.39vw, 12rem)/*173_192*/; margin-left:auto; margin-right:auto;}
    .plan_form{position:relative; justify-content:flex-end; align-items:center;}
	.plan_form form{display:flex; justify-content:space-between; align-items:center; width:100%;}
	.plan_form .form_box{width:100%; align-items:center;}
	.plan_form .parts_com{align-self:flex-start;}
	.plan_form .undecided .title{margin:0 0 16px 0;}
    .plan_form .guests select,
    .plan_form .type select{width:88px; height:48px;}
    .plan_form #datepicker,
    .plan_form .price select{width:130px; height:48px;}
}
@media only screen and (min-width:1472px){
    .search_wrap{width:70%; margin-left:15%;}
}
.search_wrap .bgo{left:0; top:0; z-index:-11;}
@media only screen and (max-width:1247px){
    .search_wrap .bgo{transform:translate(-25%,-75%);}
}
@media only screen and (min-width:1248px){
    .search_wrap .bgo{transform:translate(-50%,-75%);}
}

/*form_btn*/
.form_btn,
.form_btn .wrap{position:relative; overflow:hidden;}
.form_btn,
.form_btn .btn{width:var(--btn02_w); height:var(--btn01_h); background:transparent;}
.form_btn .btn{position:absolute; left:0; top:0;}
.form_btn .wrap{width:100%; height:100%; display:flex; justify-content:space-between; align-items:center; box-sizing:border-box; position:relative; vertical-align:middle;}
.form_btn .main{line-height:1;}
.form_btn .arrow{display:flex; align-items:center; width:var(--px15_18);}
.form_btn input{border:0!important;}
@media only screen and (max-width:1247px){
	.form_btn{margin-left:auto; margin-right:auto;}
}
@media only screen and (max-width:1023px){
    .form_btn .wrap{padding:0 1em;}
}
@media only screen and (min-width:1024px){
    .form_btn .wrap{padding:0 1.25em;}
}

/*in08*/
.in08{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.in08 .box{position:relative; box-sizing:border-box; height:var(--plan); overflow:hidden; isolation:isolate;}
.in08 .box01{padding:var(--px24_48);}
.in08 .box::before{content:""; position:absolute; inset:0; z-index:-10; background-position:center; background-repeat:no-repeat; background-size:cover; transform:scale(1); transition:filter .3s ease, transform .8s cubic-bezier(.22,1,.36,1); pointer-events:none;}
@media (min-width:1024px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
    .in08 a.box:hover::before{transform:scale(1.06); filter:brightness(.6);}
}
.in08 .box01{display:flex; justify-content:flex-start; align-items:flex-end;}
.in08 .box02{display:flex; justify-content:center; align-items:center;}
.in08 .box01 .text{display:flex; flex-direction:column; align-items:flex-start;}
.in08 .box01 .text .title{font-size:var(--px20_44); line-height:1.6; margin-top:-.3em; margin-bottom:-.3em;}
.in08 .box01 .text .sub{margin-top:var(--px8_24); font-size:var(--px16_32);}
.in08 .box01 .text .title,
.in08 .box01 .text .sub{color:var(--wh);}
.in08 .box02 .main{text-align:center; color:var(--wh); font-size:var(--px16_24);}
@media only screen and (max-width:1023px){
    .in08{padding-left:var(--contents01); padding-right:var(--contents01);}
    .in08 .box{width:100%;}
    .in08 .box01{margin-bottom:var(--px48_96);}
}
@media only screen and (min-width:1024px){
    .in08 .box01{width:55%; margin-left:5%;}
    .in08 .box02{width:30%; margin-right:5%;}
    .in08 .box01 .btn01{position:relative;}
    .in08 .box01 .btn01::after{content:''; position:absolute; top:0; right:0; width:0; height:100%; z-index:-1; transition:all .5s ease; pointer-events:none; background:var(--bk_a005);}
    .in08 .box01:hover .btn01::after{left:0; width:100%;}
}
@media only screen and (min-width:1472px){
    .in08 .box01{width:45%; margin-left:15%;}
    .in08 .box02{width:20%; margin-right:15%;}
}

.in08 .box01::before{background-image:url("../img/index/0401.jpg");}
.in08 .box02::before{background-image:url("../img/index/0402.jpg");}

/*cu01*/
.cu01{width:100%; display:flex; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.cu01 .box{position:relative; box-sizing:border-box;}
.cu01 .box01,
.cu01 .box02{display:flex; flex-direction:column; align-items:flex-start;}
.cu01 .text{width:100%; display:flex; flex-direction:column; align-items:flex-start;}
@media only screen and (max-width:1023px){
    .cu01{padding-left:var(--contents01); padding-right:var(--contents01); flex-direction:column;}
    .cu01 .box02{display:none;}
    .cu01 .text{margin-bottom:var(--max1023_px24_28);}
}
@media only screen and (min-width:1024px){
    .cu01{justify-content:space-between; align-items:flex-start;}
    .cu01 .box01{width:47.5%; margin-right:5%;}
    .cu01 .box02{width:37.5%; margin-left:5%; order:-1;}
    .cu01 .box02 .img .img_fit{aspect-ratio:3/2.4;}
    .cu01 .box02 .img01{margin-bottom:var(--min1024_px48_64);}
    .cu01 .box02 .img01 .img_fit{object-position:center bottom;}
    .cu01 .text{margin:var(--min1024_px64_96) 0 var(--min1024_px48_96);}
}
@media only screen and (min-width:1472px){
    .cu01 .box01{width:32.5%; margin-right:17.5%;}
    .cu01 .box02{width:25%; margin-left:17.5%;}
    .cu01 .desc{line-height:2.5; white-space:nowrap;}
}

/*cu02*/
.cu02{width:100%; display:flex; flex-direction:column; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.cu02 .box{position:relative;}
@media only screen and (max-width:1023px){
    .cu02{padding-left:var(--contents01); padding-right:var(--contents01);}
}
@media only screen and (min-width:1024px){
    .cu02{width:90%; margin-left:5%;}
    .cu02 .img_fit{aspect-ratio:1/.55;}
}
@media only screen and (min-width:1472px){
    .cu02{width:65%; margin-left:17.5%;}
}

/*cu03*/
.cu03{width:100%; display:flex; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.cu03 .box{position:relative; box-sizing:border-box;}
.cu03 .desc{width:100%;}
@media only screen and (max-width:1023px){
    .cu03{padding-left:var(--contents01); padding-right:var(--contents01); justify-content:space-between;}
    .cu03 .box{width:100%;}
    .cu03 .box01{margin-bottom:var(--px16_32);}
}
@media only screen and (min-width:1024px){
    .cu03{justify-content:flex-start; align-items:center;}
    .cu03 .box{padding:var(--px32_48) 0;}
    .cu03 .box01{padding-right:var(--px48_64); padding-left:var(--px24_32);  margin-left:5%;}
    .cu03 .box01::before{content:""; display:inline-block; position:absolute; right:0; top:0; width:1px; height:100%; background:var(--ivo); z-index:2;}
    .cu03 .box02{padding-left:var(--px48_64);}
}
@media only screen and (min-width:1472px){
    .cu03 .box01{margin-left:17.5%;}
    .cu03 .lead,
    .cu03 .desc{white-space:nowrap;}
}

/*cu04*/
.cu04{width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.cu04 .box{position:relative; box-sizing:border-box;}
.cu04 .box02{display:flex;}
.cu04 .box02 .inner .desc{line-height:1; text-align:center; font-size:var(--px17_22);}
.cu04 .lead .main{font-size:var(--px19_32); line-height:1.6;}
@media only screen and (max-width:1023px){
    .cu04{padding-left:var(--contents01); padding-right:var(--contents01);}
    .cu04 .box{width:100%;}
    .cu04 .box01{margin-bottom:var(--px20_32);}
    .cu04 .box02{flex-direction:column;}
    .cu04 .box02 .inner{width:100%;}
    .cu04 .lead{justify-content:center;}
    .cu04 .lead .main{margin-top:-.3em; margin-bottom:-.3em;}
    .cu04 .inner .desc{margin-top:1.25em;}
    .cu04 .inner01{margin-bottom:var(--px32_48);}
}
@media only screen and (min-width:1024px){
    .cu04{width:90%; margin-left:5%;}
    .cu04 .box01{width:12%; padding-left:var(--px24_32);}
    .cu04 .box02{width:88%; justify-content:space-between;}
    .cu04 .box02 .inner{width:47%;}
    .cu04 .box02 .inner .desc{margin-top:var(--px24_32);}
    .cu04 .box02 .inner .img_fit{aspect-ratio:3/2;}
    .cu04 .lead .main{writing-mode:vertical-rl; letter-spacing:0.03em; margin-left:-.3em; margin-right:-.3em;}
}
@media only screen and (min-width:1472px){
    .cu04{width:65%; margin-left:17.5%;}
}

/*cu05*/
.cu05{width:100%; display:flex; flex-direction:column; flex-wrap:wrap; box-sizing:border-box; position:relative;}
@media only screen and (max-width:1023px){
    .cu05{padding-left:var(--contents01); padding-right:var(--contents01);}
}
@media only screen and (min-width:1024px){
    .cu05{width:90%; margin-left:5%;}
    .cu05 .desc{text-align:center;}
}
@media only screen and (min-width:1472px){
    .cu05{width:65%; margin-left:17.5%;}
}

/*cu06*/
.cu06{width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.cu06 .box{position:relative;}
.cu06 .desc{line-height:1; text-align:center; font-size:var(--px17_22);}
@media only screen and (max-width:1023px){
    .cu06{padding-left:var(--contents01); padding-right:var(--contents01);}
    .cu06 .box{width:100%;}
    .cu06 .box01{margin-bottom:var(--px32_48);}
    .cu06 .desc{margin-top:1.25em;}
}
@media only screen and (min-width:1024px){
    .cu06 .box{width:42.5%;}
    .cu06 .box01{margin-left:5%;}
    .cu06 .box02{margin-right:5%;}
    .cu06 .desc{margin-top:var(--px24_32);}
}
@media only screen and (min-width:1472px){
    .cu06 .box{width:30%;}
    .cu06 .box01{margin-left:17.5%;}
    .cu06 .box02{margin-right:17.5%;}
}

/*fa01*/
.fa01{width:100%; display:flex; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.fa01 .box{position:relative; box-sizing:border-box;}
.fa01 .box01{display:flex; flex-direction:column; align-items:flex-start;}
.fa01 .img{display:flex; justify-content:space-between;}
.fa01 .text{width:100%; display:flex; flex-direction:column; align-items:flex-start;}
.fa01 .img .inner{position:relative;}
.fa01 .img .inner::before{content:""; display:inline-block; position:absolute; background:var(--wh); z-index:2;}
@media only screen and (max-width:1023px){
    .fa01{padding-left:var(--contents01); padding-right:var(--contents01); flex-direction:column;}
    .fa01 .box02{display:none;}
    .fa01 .text{margin-bottom:var(--max1023_px24_28);}
    .fa01 .box01 .img_fit{aspect-ratio:1/1.2;}
    .fa01 .img .inner01::before{right:0; top:0; width:1px; height:100%;}
}
@media only screen and (min-width:1024px){
    .fa01{justify-content:space-between; align-items:flex-start;}
    .fa01 .box01{width:50%; margin-right:5%;}
    .fa01 .box02{width:35%; margin-left:5%; order:-1;}
    .fa01 .text{margin:var(--px32_48) 0 var(--min1024_px48_96);}
    .fa01 .img .inner{width:45%;}
    .fa01 .img .inner02{padding-top:var(--px32_48);}
    .fa01 .box01 .img_fit{aspect-ratio:1/1.2;}
    .fa01 .box02 .img_fit{aspect-ratio:1/1.3;}
}
@media only screen and (min-width:1472px){
    .fa01 .box01{width:35%; margin-right:17.5%;}
    .fa01 .box02{width:22.5%; margin-left:17.5%;}
    .fa01 .desc{line-height:2.5;}
}


/*fa02*/
.fa02{width:100%; display:flex; flex-direction:column; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.fa02 .box{position:relative;}
@media only screen and (max-width:1023px){
    .fa02{padding-left:var(--contents01); padding-right:var(--contents01);}
}
@media only screen and (min-width:1024px){
    .fa02{width:90%; margin-left:5%;}
    .fa02 .img_fit{aspect-ratio:1/.55; object-position:center bottom;}
}
@media only screen and (min-width:1472px){
    .fa02{width:65%; margin-left:17.5%;}
}

/*fa03*/
.fa03{width:100%; display:flex; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.fa03::after{content:""; display:inline-block; position:absolute; background:var(--wh); z-index:2;}
.fa03 .box{position:relative; box-sizing:border-box;}
.fa03 .desc{width:100%;}
@media only screen and (max-width:1023px){
    .fa03{padding-left:var(--contents01); padding-right:var(--contents01); justify-content:space-between;}
    .fa03::after{left:0; top:0; width:100%; height:1px;}
    .fa03 .box{width:100%;}
    .fa03 .box01{margin-bottom:var(--max1023_px24_28);}
}
@media only screen and (min-width:1024px){
    .fa03{justify-content:space-between; align-items:center;}
    .fa03 .box01{width:40%; margin-left:5%;}
    .fa03 .box02{width:45%; margin-right:5%;}
}
@media only screen and (min-width:1472px){
    .fa03 .box01{width:27.5%; margin-left:17.5%; padding-left:var(--px32_48);}
    .fa03 .box02{width:32.5%; margin-right:17.5%; padding-right:var(--px32_48);}
    .fa03 .lead,
    .fa03 .desc{white-space:nowrap;}
}

/*fa04*/
.fa04{width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.fa04 .box{position:relative;}
.fa04 .desc{line-height:1; text-align:center; font-size:var(--px17_22);}
@media only screen and (max-width:1023px){
    .fa04{padding-left:var(--contents01); padding-right:var(--contents01);}
    .fa04 .box{width:100%;}
    .fa04 .box01{margin-bottom:var(--px32_48);}
    .fa04 .desc{margin-top:1.25em;}
}
@media only screen and (min-width:1024px){
    .fa04 .box{width:42.5%;}
    .fa04 .box01{margin-left:5%;}
    .fa04 .box02{margin-right:5%;}
    .fa04 .desc{margin-top:var(--px24_32);}
}
@media only screen and (min-width:1472px){
    .fa04 .box{width:30%;}
    .fa04 .box01{margin-left:17.5%;}
    .fa04 .box02{margin-right:17.5%;}
}

/*fa05*/
.fa05{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; box-sizing:border-box; position:relative;}
@media only screen and (max-width:1023px){
    .fa05{padding-left:var(--contents01); padding-right:var(--contents01);}
    .fa05 .box{width:100%;}
    .fa05 .box01{display:none;}
}
@media only screen and (min-width:1024px){
    .fa05 .box01{width:15%; margin-left:5%;}
    .fa05 .box02{width:70%; margin-right:5%;}
    .fa05 .box01{position:relative; align-self:stretch; height:auto;}
    .fa05 .box01 > .shutter_down{position:absolute; left:0; top:0; width:100%; height:100%;}
    .fa05 .box02{padding:var(--px48_64) 0;}
    .fa05 .img_fit{display:block; width:100%; height:100%; aspect-ratio:auto; object-fit:cover;}
}
@media only screen and (min-width:1472px){
    .fa05 .box01{width:10%; margin-left:17.5%;}
    .fa05 .box02{width:50%; margin-right:17.5%;}
}

/*ho01*/
.ho01{width:100%; display:flex; flex-direction:column; flex-wrap:wrap; box-sizing:border-box; position:relative;}
@media only screen and (max-width:1023px){
    .ho01{padding-left:var(--contents01); padding-right:var(--contents01);}
}
@media only screen and (min-width:1024px){
    .ho01{width:90%; margin-left:5%;}
    .ho01 .desc{text-align:center;}
}
@media only screen and (min-width:1472px){
    .ho01{width:65%; margin-left:17.5%;}
}

/*ho02*/
.ho02{width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.ho02 .box{position:relative;}
.ho02 .box::after{content:""; display:inline-block; position:absolute; background:var(--wh); z-index:2;}
@media only screen and (max-width:1023px){
    .ho02{padding-left:var(--contents01); padding-right:var(--contents01);}
    .ho02 .box{width:100%;}
    .ho02 .box01::after{left:0; bottom:0; width:100%; height:1px;}
}
@media only screen and (min-width:1024px){
    .ho02 .box{width:42.5%;}
    .ho02 .box01{margin-left:5%;}
    .ho02 .box02{margin-right:5%;}
}
@media only screen and (min-width:1472px){
    .ho02 .box{width:30%;}
    .ho02 .box01{margin-left:17.5%;}
    .ho02 .box02{margin-right:17.5%;}
}

/*ho03*/
.ho03{width:100%; display:flex; flex-direction:column; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.ho03 .box{position:relative;}
.ho03 .box .img_fit{object-position:center bottom;}
@media only screen and (max-width:1023px){
    .ho03{padding-left:var(--contents01); padding-right:var(--contents01);}
}
@media only screen and (min-width:1024px){
    .ho03{width:90%; margin-left:5%;}
    .ho03 .img_fit{aspect-ratio:1/.55; object-position:center bottom;}
}
@media only screen and (min-width:1472px){
    .ho03{width:65%; margin-left:17.5%;}
}

/*ho04*/
.ho04{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.ho04 .box,
.ho04 .img{position:relative;}
.ho04::before,
.ho04::after,
.ho04 .box::before,
.ho04 .box::after,
.ho04 .img::before,
.ho04 .img::after{content:""; display:inline-block; position:absolute; background:var(--wh); z-index:2;}
.ho04 .box02{display:flex; flex-wrap:wrap;}   
.ho04::after{left:0; top:0; width:100%; height:1px;}
.ho04 .box01 .img_fit{object-position:center bottom;}
@media only screen and (max-width:1023px){
    .ho04{padding-left:var(--contents01); padding-right:var(--contents01);}
    .ho04 .box01{width:100%;}
    .ho04 .box01::after{left:0; bottom:0; width:100%; height:1px;}
    .ho04 .img01::before{right:0; top:0; width:1px; height:100%;}
    .ho04 .box02{justify-content:space-between;}
    .ho04 .img{width:50%;}
    .ho04 .img .img_fit{aspect-ratio:1/1;}  
}
@media only screen and (min-width:1024px){
    .ho04{width:90%; margin-left:5%;}
    .ho04 .box01{width:66.66666%;}
    .ho04 .box02{width:33.33333%;}
    .ho04 .box02{flex-direction:column;}
    .ho04 .img01::after{left:0; bottom:0; width:100%; height:1px;}
    .ho04 .box01 .img_fit{aspect-ratio:3/2;}
    .ho04 .img .img_fit{aspect-ratio:3/2;}
    
    .ho04.normal .box01::before{right:0; top:0; width:1px; height:100%;}
    .ho04.reverse{flex-direction:row-reverse;}
    .ho04.reverse .box01::before{left:0; top:0; width:1px; height:100%;}
}
@media only screen and (min-width:1472px){
    .ho04{width:65%; margin-left:17.5%;}
}

/*ho05*/
.ho05{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; box-sizing:border-box; position:relative;}
@media only screen and (max-width:1023px){
    .ho05{padding-left:var(--contents01); padding-right:var(--contents01);}
    .ho05 .box{width:100%;}
    .ho05 .box01{display:none;}
}
@media only screen and (min-width:1024px){
    .ho05 .box01{width:15%; margin-left:5%;}
    .ho05 .box02{width:70%; margin-right:5%;}
    .ho05 .box01{position:relative; align-self:stretch; height:auto;}
    .ho05 .box01 > .shutter_down{position:absolute; left:0; top:0; width:100%; height:100%;}
    .ho05 .box02{padding:var(--px48_64) 0;}
    .ho05 .img_fit{display:block; width:100%; height:100%; aspect-ratio:auto; object-fit:cover;}
}
@media only screen and (min-width:1472px){
    .ho05 .box01{width:10%; margin-left:17.5%;}
    .ho05 .box02{width:50%; margin-right:17.5%;}
}

/*si01*/
.si01{width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.si01 .box{position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; overflow:hidden; isolation:isolate;}
.si01 .box::before{content:""; position:absolute; inset:0; z-index:-10; background-position:center; background-repeat:no-repeat; background-size:cover; transform:scale(1); transition:filter .3s ease, transform .8s cubic-bezier(.22,1,.36,1); pointer-events:none;}
.si01 .main{color:var(--wh); line-height:1; font-size:var(--px17_22);}
.si01 .arrow{width:var(--arrow); display:flex; align-items:center;}
@media only screen and (max-width:767px){
    .si01 .box{width:100%;}
}
@media only screen and (min-width:768px) and (max-width:1023px){
    .si01 .box{width:47%;}
}
@media only screen and (max-width:1023px){
    .si01{padding-left:var(--contents01); padding-right:var(--contents01);}
    .si01 .box{height:clamp(6.25rem, 4.214rem + 9.05vw, 10rem)/*100_160*/;}
    .si01 .box01{margin-bottom:var(--px24_40);}
    .si01 .arrow{margin-top:.5em;}
}
@media only screen and (min-width:1024px){
    .si01 .box{width:34%; aspect-ratio:1/.4;}
    .si01 .box01{margin-left:14%;}
    .si01 .box02{margin-right:14%;}
    .si01 .arrow{margin-top:.75em;}
}
@media only screen and (min-width:1472px){
    .si01 .box{width:21%;}
    .si01 .box01{margin-left:27%;}
    .si01 .box02{margin-right:27%;}
}

.si01 .box01::before{background-image:url("../img/sightseeing/0101.jpg");}
.si01 .box02::before{background-image:url("../img/sightseeing/0102.jpg");}
@media only screen and (min-width:1024px){
    .si01 .box .main::before,
    .si06 .box .main::before{content:""; position:absolute; top:0; right:0; width:0; height:100%; z-index:-1; transition:all .5s ease; pointer-events:none; background:var(--wh_a01);}
    .si01 .box:hover .main::before,
    .si06 .box:hover .main::before{left:0; width:100%;}
}

/*si02*/
.si02{width:100%; display:flex; flex-direction:column; flex-wrap:wrap; box-sizing:border-box; position:relative;}
@media only screen and (max-width:1023px){
    .si02{padding-left:var(--contents01); padding-right:var(--contents01);}
}
@media only screen and (min-width:1024px){
    .si02{width:90%; margin-left:5%;}
    .si02 .desc{text-align:center;}
}
@media only screen and (min-width:1472px){
    .si02{width:65%; margin-left:17.5%;}
}

/*si03*/
.si03{width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.si03 .box{position:relative;}
.si03 .box::before,
.si03 .box::after{content:""; display:inline-block; position:absolute; background:var(--wh); z-index:2;}
.si03 .caption{position:absolute; right:var(--px16_24); bottom:var(--px16_24); background:var(--wh); line-height:1; padding:.75em; font-size:clamp(0.813rem, 0.766rem + 0.21vw, 1rem)/*13_16*/;}
@media only screen and (max-width:767px){
    .si03 .box{width:100%;}
    .si03 .box01::after{left:0; bottom:0; width:100%; height:1px;}
}
@media only screen and (min-width:768px){
    .si03 .box{width:50%;}
    .si03 .box01::before{right:0; top:0; width:1px; height:100%;}
    .si03 .img_fit{aspect-ratio:1/1;}
}
@media only screen and (max-width:1023px){
    .si03{padding-left:var(--contents01); padding-right:var(--contents01);}
}
@media only screen and (min-width:1024px){
    .si03{width:90%; margin-left:5%;}
    .si03 .img_fit{aspect-ratio:3/2.2;}
}
@media only screen and (min-width:1472px){
    .si03{width:65%; margin-left:17.5%;}

}

/*si04*/
.si04{width:100%; display:flex; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.si04 .box{position:relative; box-sizing:border-box;}
.si04 .desc{width:100%;}
@media only screen and (max-width:1023px){
    .si04{padding-left:var(--contents01); padding-right:var(--contents01); justify-content:space-between;}
    .si04 .box{width:100%;}
    .si04 .box01{margin-bottom:var(--px16_32);}
}
@media only screen and (min-width:1024px){
    .si04{justify-content:flex-start; align-items:center; flex-wrap:nowrap;}
    .si04 .lead{white-space:nowrap;}
    .si04 .box01{width:max-content; flex:0 0 auto; padding-right:var(--px48_64); padding-left:var(--px24_32); margin-left:5%;}
    .si04 .box02{padding:var(--px16_24) 0;}
    .si04 .box02::before{content:""; display:inline-block; position:absolute; left:0; top:0; width:1px; height:100%; background:var(--ivo); z-index:2;}
    .si04 .box02{width:auto; flex:1; margin-right:5%; padding-left:var(--px48_64); min-width:0;}
}
@media only screen and (min-width:1472px){
    .si04 .box01{margin-left:17.5%;}
    .si04 .box02{margin-right:17.5%;}
    .si04 .lead{white-space:nowrap;}
}

/*st_calendar*/
.st_fruit_label{display:inline-flex; align-items:center; gap:8px;}
.st_calendar .st_fruit_label .st_icon{margin-right:0;}
.st_calendar_scroll{width:100%; overflow-x:auto;}
.st_calendar{width:100%; min-width:720px; border-collapse:collapse; table-layout:fixed; font-size:14px; border-top:1px solid var(--ivo); border-bottom:1px solid var(--ivo);}
.st_calendar th{font-weight:normal;}
.st_calendar thead th:first-child{text-align:center;}
.st_calendar thead th{padding:12px 0; border-bottom:1px solid var(--ivo); text-align:center;}
.st_calendar th:first-child{width:calc(4ic + 2.5em); white-space:nowrap;}
.st_calendar tbody tr + tr > th,.st_calendar tbody tr + tr > td{border-top:1px solid var(--ivo);}
.st_calendar tbody th{padding:20px 0; text-align:center;}
.st_calendar tbody .st_icon{width:32px; height:32px; margin-right:8px;}
.st_calendar td{position:relative; height:64px; padding:0; border-left:1px solid var(--ivo); border-right:1px solid var(--ivo);}
.st_calendar thead th:not(:first-child){border-left:1px solid var(--ivo);}
.st_calendar thead th:last-child,.st_calendar tbody td:last-child{border-right:0;}
.st_bar{position:absolute; z-index:1; left:50%; top:50%; transform:translateY(-50%); height:auto; padding:.75em 0; line-height:1; display:flex; align-items:center; justify-content:center; font-size:15px; white-space:nowrap;}
@media only screen and (max-width:1023px){
    .st_calendar thead th span{font-size:10px;}
    .st_calendar_scroll{margin-top:var(--px16_32);}
}
@media only screen and (min-width:1024px){
    .st_bar{font-size:clamp(0.9375rem, 0.723rem + 0.335vw, 1.125rem)/*15_18*/;}
    .st_calendar_scroll{margin-top:var(--px24_40);}
}
.st_bar .st_bar_icon{position:absolute; left:8px; top:50%; width:var(--px24_32); height:var(--px24_32); object-fit:contain; transform:translate(-100%,-50%); pointer-events:none;}
.st_peach{width:225%; background:#ebc3b6;}
.st_grape{width:325%; background:#ebc3b6;}

.st_calendar_wrap{position:relative; width:100%;}
.st_scroll_hint{display:none;}
@media (max-width:1023px), (pointer:coarse){
    .st_scroll_hint{display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin:0; padding:6px 10px; white-space:nowrap; background:rgba(50,45,44,.85); color:var(--wh); font-size:clamp(0.813rem, 0.766rem + 0.21vw, 1rem); line-height:1.6; border-radius:0; opacity:0; pointer-events:none; transition:opacity .3s ease; z-index:3;}
    .st_calendar_wrap.is-hint-visible .st_scroll_hint{opacity:1;}
}
@media (prefers-reduced-motion:reduce){
    .st_scroll_hint{transition:none;}
}

/*si05*/
.si05{width:100%; display:grid; box-sizing:border-box; position:relative;}
.si05 .box{display:flex; flex-direction:column; min-width:0;}
.si05 .img{position:relative; display:block; overflow:hidden; margin-bottom:1.25em;}
.si05 .img > .img_fit{transition:filter .3s ease, transform .8s cubic-bezier(.22,1,.36,1); transform:scale(1);}
.si05 .img_fit{aspect-ratio:3/2.2;}
.si05 .lead{display:flex; justify-content:center;}
.si05 .lead .main{font-size:var(--px17_22); line-height:1.6; margin-top:-.3em; margin-bottom:-.3em; text-align:center;}
.si05 .desc{margin-top:.75em;}
.si05 .links{position:absolute; right:var(--px16_24); bottom:var(--px16_24); display:flex; gap:8px; z-index:1;}
.si05 .links_double{gap:16px;}
.si05 .si05_link{flex-shrink:0; width:var(--px32_48); height:var(--px32_48); padding:0; border:0; border-radius:50%; justify-content:center; background:var(--pbe);}
.si05 .si05_link .arrow{width:var(--arrow); flex-shrink:0;}
.si05 .si05_link:focus-visible{outline:2px solid var(--dgr); outline-offset:3px;}
@media only screen and (max-width:1023px){
    .si05{padding-left:var(--contents01); padding-right:var(--contents01); grid-template-columns:repeat(2,minmax(0,47%)); justify-content:space-between; gap:var(--px48_64) 0;}
}
@media only screen and (max-width:767px){
    .si05{grid-template-columns:1fr;}
}
@media only screen and (min-width:1024px){
    .si05{width:90%; margin-left:5%; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--px48_64) calc(100% / 22.5);}
}
@media only screen and (min-width:1472px){
    .si05{width:65%; margin-left:17.5%; column-gap:calc(100% / 16.25);}
}
@media (min-width:1024px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
    .si05 .si05_link{isolation:isolate; overflow:visible; background:transparent;}
    .si05 .si05_link::before{content:""; position:absolute; inset:0; z-index:-1; border-radius:50%; background:var(--pbe); pointer-events:none; transition:transform .3s ease;}
    .si05 .si05_link::after{content:""; position:absolute; inset:0; z-index:-1; border-radius:50%; clip-path:inset(0 100% 0 0); background:var(--bk_a005); pointer-events:none; transition:clip-path .5s ease, transform .3s ease;}
    .si05 .si05_link .arrow{transition:transform .3s ease; pointer-events:none;}
    .si05 .si05_link:hover::after{clip-path:inset(0);}
    .si05 .si05_link:hover::before,
    .si05 .si05_link:hover::after,
    .si05 .si05_link:hover .arrow{transform:translateY(3px);}
}

/*si06*/
.si06{width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.si06 .box{position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; overflow:hidden; isolation:isolate;}
.si06 .box::before{content:""; position:absolute; inset:0; z-index:-10; background-position:center; background-repeat:no-repeat; background-size:cover; transform:scale(1); transition:filter .3s ease, transform .8s cubic-bezier(.22,1,.36,1); pointer-events:none;}
.si06 .main{color:var(--wh); line-height:1; font-size:var(--px17_22);}
@media only screen and (max-width:767px){
    .si06 .box{width:100%;}
}
@media only screen and (min-width:768px) and (max-width:1023px){
    .si06 .box{width:47%;}
}
@media only screen and (max-width:1023px){
    .si06{padding-left:var(--contents01); padding-right:var(--contents01);}
    .si06 .box{height:clamp(6.25rem, 4.214rem + 9.05vw, 10rem)/*100_160*/;}
    .si06 .box01{margin-bottom:var(--px24_40);}
}
@media only screen and (min-width:1024px){
    .si06{justify-content:flex-start; column-gap:4%;}
    .si06 .box{width:34%; aspect-ratio:1/.4;}
    .si06 .box01{margin-left:5%;}
    .si06 .box02{margin-right:0;}
}
@media only screen and (min-width:1472px){
    .si06 .box{width:21%;}
    .si06 .box01{margin-left:17.5%;}
}

.si06 .box01::before{background-image:url("../img/sightseeing/0701.jpg");}
.si06 .box02::before{background-image:url("../img/sightseeing/0702.jpg");}

/*ac01*/
.ac01{width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.ac01 .box{position:relative;}
.ac01 .box02{display:flex; flex-direction:column; align-items:flex-start;}
@media only screen and (max-width:1023px){
    .ac01{padding-left:var(--contents01); padding-right:var(--contents01);}
    .ac01 .box{width:100%;}
    .ac01 .box01{margin-bottom:var(--max1023_px24_28);}
}
@media only screen and (min-width:1024px){
    .ac01{align-items:center;}
    .ac01 .box01{width:47.5%; margin-left:5%;}
    .ac01 .box02{width:37.5%; margin-right:5%;}
}
@media only screen and (min-width:1472px){
    .ac01 .box01{width:35%; margin-left:17.5%;}
    .ac01 .box02{width:25%; margin-right:17.5%;}
}

.ac01 .name{font-size:var(--px16_24); display:inline-block;}
.ac01 .tel,
.ac01 .fax{display:inline-block;}
.ac01 .fax{pointer-events:none;}
.ac01 .tel .title,
.ac01 .fax .title{width:2.5em; display:inline-block;}
.ac01 .tel .num,
.ac01 .fax .num{display:inline-block;}
.ac01 .desc,
.ac01 .desc a,
.ac01 .desc span{letter-spacing:0.05em;}
@media only screen and (min-width:500px) and (max-width:1023px){
    .ac01 .br_ajust01{display:none;}
}

/*ac_map*/
.ac_map{width:100%; position:relative; height:0; overflow:hidden!important; box-sizing:border-box;}
.ac_map iframe,
.ac_map object,
.ac_map embed{position:absolute;top:0; left:0; width:100%; height:100%;}
@media only screen and (max-width:575px){
    .ac_map{padding-bottom:70%!important;}
}
@media only screen and (min-width:576px) and (max-width:1023px){
    .ac_map{padding-bottom:50%;}
}
@media only screen and (min-width:1024px){
    .ac_map{padding-bottom:60%;}
}
@media only screen and (min-width:1472px){
    .ac_map{padding-bottom:70%;}
}

/*ac02*/
.ac02{box-sizing:border-box; position:relative;}
.ac02 .box + .box{margin-top:var(--px48_64);}
.ac02 .routes{border-top:1px solid var(--ivo);}
.ac02 .routes > div{border-bottom:1px solid var(--ivo);}
.ac02 dt,.ac02 dd{box-sizing:border-box; position:relative;}
.ac02 dd{margin:0; min-width:0; line-height:1.8;}
.ac02 .route_arrow{display:inline-block; margin:0 .5em;}
.ac02 .time{display:block;}
.ac02 .time_label{display:inline-block; background:var(--be); margin-right:.5em; padding:0 .25em;}
@media only screen and (max-width:1023px){
    .ac02 dt,.ac02 dd{padding:.75em;}
}
@media only screen and (max-width:1023px){
    .ac02{padding-left:var(--contents01); padding-right:var(--contents01);}
    .ac02 .routes > div{display:block; width:100%;}
    .ac02 dt,.ac02 dd{display:block; width:100%;}
    .ac02 dt{background:var(--bk_a005);}
}
@media only screen and (min-width:1024px){
    .ac02{width:90%; margin-left:5%;}
    .ac02 .routes > div{display:flex; justify-content:space-between;}
    .ac02 dt{width:12em; flex-shrink:0; white-space:nowrap; padding:1em 0;}
    .ac02 dd{width:calc(100% - 12em); padding:1em 0 1em 1em;}
}
@media only screen and (min-width:1472px){
    .ac02{width:65%; margin-left:17.5%;}
}

/*news*/
.news{display:block!important; width:100%;}
.news_kanri{text-align:right!important; display:block; clear:both;}
.news_kanri a{font-size:11px;}
.news ul#newsList{display:flex; justify-content:flex-start; flex-wrap:wrap; padding:0; margin:0; list-style:none; clear:both;}
.news ul#newsList li{box-sizing:border-box; display:flex; flex-direction:column; margin-bottom:2.5em;}
.news .newMark{color:var(--lbr);}
.pager{display:flex; justify-content:flex-end; width:100%; clear:both; position:relative; margin:0 0 2em;}
@media only screen and (min-width:1472px){
    .news ul#newsList li{width:30.8333%; margin-right:3.75%;}
    .news ul#newsList li:nth-of-type(3n){margin-right:0;}
    .news ul#newsList li a{align-items:center;}
}
@media only screen and (min-width:768px) and (max-width:1471px){
    .news ul#newsList li{width:47%; margin-right:6%;}
    .news ul#newsList li:nth-of-type(2n){margin-right:0;}
}
@media only screen and (max-width:767px){
    .news ul#newsList li{width:100%; margin-right:0; margin-bottom:3em;}
}
@media only screen and (min-width:1024px){
    .news ul#newsList li .title{transition:all .3s ease;}
    .news ul#newsList li .box02{transition:opacity .3s ease;}
    .news ul#newsList li:hover .box02{opacity:.75;}
}
.news .thumbNailWrap{display:block; position:relative; overflow:hidden; margin-bottom:1em; aspect-ratio:3/2;}
.news .thumbNailWrap::before{content:""; position:absolute; inset:0; background:url("../img/news/nophoto.jpg") no-repeat center center / cover; pointer-events:none;}
.news .thumbNailWrap img{position:relative; object-fit:cover; width:100%; height:100%;}
.news .thumbNailWrap img, .news .thumbNailWrap::before{transform:scale(1); transition:filter .3s ease, transform .8s cubic-bezier(.22,1,.36,1);}
@media (min-width:1024px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
    .news ul#newsList li:hover .thumbNailWrap img, .news ul#newsList li:hover .thumbNailWrap::before{transform:scale(1.06); filter:brightness(.6);}
}
.news ul#newsList li .title{text-decoration:none; line-height:1.8;}
.news ul#newsList li .comment{display:none; }
.pager a {display:block; font-size:12px; background:var(--pbe); padding:.5em .8em; margin-left:8px; text-decoration:none; box-sizing:border-box; border:1px solid var(--ivo);}
.pager a.current{background:var(--bk_a01);}
@media only screen and (min-width:1024px){
    .pager a:hover{background:var(--bk_a01);}
}

/*news-detail*/
.pNav, .pNav a{font-size:14px; padding:0 0 10px; text-align:left;}
.news_detail_title{font-size:var(--px16_24); border-top:1px solid var(--bk); border-bottom:1px solid var(--bk); font-weight:normal; line-height:1.5; color:var(--bk);}
.news_detail_up_ymd{text-align:right; font-size:14px; padding:0 0; margin-right:-.75em; margin-top:0.5em;}
.detailText{font-weight:normal; letter-spacing:0.05em; text-align:left; text-align:justify; box-sizing:border-box; color:var(--bk); font-size:var(--px15_19);}
.detailUpfile{margin:0; text-align:center; box-sizing:border-box; position:relative;}
.detailUpfile img{max-width:912px; height:auto; vertical-align:bottom; object-fit:cover; width:100%;}
@media only screen and (max-width:1023px){
    .news_detail_title{padding:1em 0;}
}
@media only screen and (min-width:1024px){
    .news_detail_title{padding:1.5em 0;}
}
@media only screen and (max-width:1471px){
	.news_detail_title{text-align:left;}
	.news_detail_up_ymd{margin-bottom:1em;}
	.detailText,
	.detailUpfile{margin-bottom:2em;}
}
@media only screen and (min-width:1472px){
	.news_detail_up_ymd,
	.detailText,
	.detailUpfile{margin-bottom:4em;}
	.detailText{line-height:2.5;}
    .detailText{width:912px; margin-left:auto; margin-right:auto;}
}
@media only screen and (max-width:575px){
    .detailUpfile img{aspect-ratio:3/2;}
}
@media only screen and (min-width:576px) and (max-width:1471px){
    .detailUpfile img{aspect-ratio:5/3;}
}
@media only screen and (min-width:1472px){
    .detailUpfile img{aspect-ratio:3/2;}
}