/* CSS Document */
section.page_title h1::before{
  content: "Spot";
}
/*コンテンツ*/
.spot_top{
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
body[wc-view-type="sp"] .spot_top{
  padding: calc(var(--headerHeight) + 8.2vw + 1.5rem) 7vw;
}
body[wc-view-type="tb"] .spot_top,
body[wc-view-type="tb-l"] .spot_top{
  padding: var(--headerHeight) 10vw;
}
body[wc-view-type="pc"] .spot_top{
  padding: var(--headerHeight) calc((100vw - 1100px) / 2);
}
.spot_top > h1{
  text-align: center;
  font-weight: 500;
  font-size: 1.35rem;
  margin-bottom: 1rem;
  line-height: 2.5rem;
}
body[wc-view-type="pc"] .spot_top > h1{
  margin-bottom: 2.5rem;
}
.spot_top > .mountain{
  position: absolute;
  top: var(--headerHeight);
   -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  background: linear-gradient(180deg, rgba(105,188,130,1) 0%, rgba(151,205,150,1) 22%, rgba(156,207,155,1) 50%, rgba(255,255,255,1) 100%);
  display: table;
  width: 44.5vw;
  height: 8.6vw;
}
.spot_top > .mountain.left{
  -webkit-mask-image: url("/img/svg/left_mountain.svg");
  mask-image: url("/img/svg/left_mountain.svg");
}
.spot_top > .mountain.right{
  -webkit-mask-image: url("/img/svg/right_mountain.svg");
  mask-image: url("/img/svg/right_mountain.svg");
}

body[wc-view-type="tb"] .spot_top > .mountain{
  width: 26.5vw;
  height: 5.2vw;
}
body[wc-view-type="tb-l"] .spot_top > .mountain{
  width: 26.5vw;
  height: 5.2vw;
}
body[wc-view-type="pc"] .spot_top > .mountain{
  width: 280px;
  height: 55px;
}
body[wc-view-type="sp"] .spot_top > .mountain.left{
  left: 0;
}
body[wc-view-type="tb"] .spot_top > .mountain.left{
  left: 3.5vw;
}
body[wc-view-type="tb-l"] .spot_top > .mountain.left{
  left: 5vw;
}
body[wc-view-type="pc"] .spot_top > .mountain.left{
  left: calc((100vw - 1000px) / 2)
}
body[wc-view-type="sp"] .spot_top > .mountain.right{
  right: 0;
}
body[wc-view-type="tb"] .spot_top > .mountain.right{
  right: 3.5vw;
}
body[wc-view-type="tb-l"] .spot_top > .mountain.right{
  right: 5vw;
}
body[wc-view-type="pc"] .spot_top > .mountain.right{
  right: calc((100vw - 1000px) / 2)
}
.spot_top div.spot_top_in{
  display: flex;
}
body[wc-view-type="sp"] .spot_top .spot_top_in{
  flex-direction: column;
}
.spot_top div.spot_top_in .spot_text{
  box-sizing: border-box;
}
body[wc-view-type="tb"] .spot_top .spot_top_in .spot_text,
body[wc-view-type="tb-l"] .spot_top .spot_top_in .spot_text,
body[wc-view-type="pc"] .spot_top .spot_top_in .spot_text{
  width: 50%;
}
body[wc-view-type="tb"] .spot_top .spot_top_in .spot_text,
body[wc-view-type="tb-l"] .spot_top .spot_top_in .spot_text{
  padding-right: 1rem;
}
body[wc-view-type="pc"] .spot_top .spot_top_in .spot_text{
  padding: 2rem 2rem 2rem;
}
.spot_top .spot_top_in .spot_text > p{
  margin-bottom: 1rem;
  line-height: 1.8rem;
}
.spot_top .spot_top_in .spot_top_slider{
}
body[wc-view-type="tb"] .spot_top div.spot_top_in .spot_top_slider,
body[wc-view-type="tb-l"] .spot_top div.spot_top_in .spot_top_slider,
body[wc-view-type="pc"] .spot_top div.spot_top_in .spot_top_slider{
  width: 50%;
}
.slider_box figure img{
  border-radius: 1rem;
}
/*スライダー*/
.cs_wrap[class*="fade"] .comboslider .cs_item img:not(.wcexclusion), .cs_wrap[class*="fade"] .comboslider .cs_item video:not(.wcexclusion), .comboslider-mask-change .comboslider .cs_item .cs_item_inner, .comboslider-mask-change .comboslider .cs_item img:not(.wcexclusion), .comboslider-mask-change .comboslider .cs_item video:not(.wcexclusion) {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1.414/1 !important;
}
.cs_wrap[class*="fade"], .cs_wrap.comboslider-mask-change{
  width: 100% !important;
}
.cs_wrap[class*="fade"] .cs_inner, .comboslider-mask-change .cs_inner{
  margin: 0 !important;
}
.cs_wrap[class*="fade"] .comboslider .cs_item {
  aspect-ratio: 1.414/1 !important;
  width: 100% !important;
  height: auto !important;
}
.cs_inner {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1.414/1 !important;
}
.cs_wrap[class*="fade"] .comboslider,
.comboslider-mask-change .comboslider{
  width: 100% !important;
  height: 100% !important;
}
/*観光スポット一覧*/
.swipe_in_block{
  display: flex;
  gap:1.5rem;
  box-sizing: border-box;
  flex-direction: column;
  padding-bottom: var(--headerHeight);
}
body[wc-view-type="sp"] .swipe_in_block{
  padding: 1.5rem;
}
body[wc-view-type="tb"] .swipe_in_block,
body[wc-view-type="tb-l"] .swipe_in_block{
  padding: 0 10vw var(--headerHeight) 10vw;
}
body:not([wc-view-type="sp"]) .swipe_in_block{
  align-items: center;
  margin-top: 1.5rem;
}
.swipe_in_block article{
  display: flex;
  background-color: #fbf3ea;
  padding: 1rem;
  border-radius: 1rem;
  box-sizing: border-box;
}
body[wc-view-type="sp"] .swipe_in_block article{
  flex-direction:column-reverse;
}
body[wc-view-type="pc"] .swipe_in_block article{
  width: 800px;
  padding: 2rem;
}
.swipe_in_block article .spot_text{
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
body[wc-view-type="sp"] .swipe_in_block article .spot_text{
  padding: 1rem;
}
body:not([wc-view-type="sp"]) .swipe_in_block article .spot_text{
  width: 50%;
}
body[wc-view-type="tb"] .swipe_in_block article .spot_text,
body[wc-view-type="tb-l"] .swipe_in_block article .spot_text{
  padding: 1rem;
}
body[wc-view-type="pc"] .swipe_in_block article .spot_text{
  padding-right: 2rem;
}
.swipe_in_block article .spot_text > h1{
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
.swipe_in_block article .spot_text .spot_explanation{
}
body[wc-view-type="sp"] .swipe_in_block article .spot_text .spot_explanation{
  margin-bottom: 1rem;
}
.swipe_in_block article .spot_text .spot_explanation > p{
  line-height: 1.8rem;
}
.swipe_in_block article .spot_text .spot_explanation .btn{
}
.swipe_in_block article .spot_text .spot_explanation .btn a{
}
.swipe_in_block article .spot_text .btn_block{
}
body:not([wc-view-type="sp"]) .swipe_in_block article .spot_text .btn_block{
  margin: 1.5rem auto 0 auto;
}
body[wc-view-type="tb"] .swipe_in_block article .spot_text .btn_block{
  flex-direction: column;
  gap:0.75rem;
  margin-top: 1.5rem;
}
body[wc-view-type="tb"] .swipe_in_block article .spot_text .btn_block .btn{
  margin: 0;
}
.swipe_in_block article .spot_img{
}
body:not([wc-view-type="sp"]) .swipe_in_block article .spot_img{
  width: 50%;
}
.swipe_in_block article .spot_img figure img{
  border-radius: 1rem;
  aspect-ratio:1.414/1;
}
.swipe_in_block article .spot_img .kome{
  display: table;
  margin: 0.5rem 0 0 auto;
}