@charset "UTF-8";
/* ================================================================

制作コンテンツ

info:
- レスポンシブの場合は、ブレイクポイント 768px で記述してください。
- SP用CSSを先に記述する方法を推奨します。下記の記述は例です。
- PCのみの場合は、記述を削除してください。

================================================================ */
/* SP用CSSの記述 */
/* PC、Tablet用CSSの記述 */
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* line 22, style.scss */
#gotenresortkazenomori2026 { text-align: center; font-size: 16px; line-height: 1.8; font-weight: 400; color: #000; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; word-break: break-word; /*-webkit-text-stroke-width: 0.15px;*/ letter-spacing: 0.05em; font-feature-settings: "palt" 1; text-size-adjust: none; -webkit-text-size-adjust: none; /* position: relative;
&::after{ content: ""; background: url("../01.jpg") no-repeat center top; width: 100%; height: 100%; opacity: .3; position: absolute; top: 0; left: 0; z-index: 0;}*/ /*============================
共通
============================*/ }
/* line 25, style.scss */
#gotenresortkazenomori2026 a { transition: .5s; }
/* line 26, style.scss */
#gotenresortkazenomori2026 a:hover { opacity: .8; }
/* line 28, style.scss */
#gotenresortkazenomori2026 .inner { width: 990px; margin: auto; }
/* line 29, style.scss */
#gotenresortkazenomori2026 .flexImg { overflow: hidden; position: relative; }
/* line 30, style.scss */
#gotenresortkazenomori2026 .flexImg img { width: 100% !important; height: 100% !important; object-fit: cover; }
/* line 32, style.scss */
#gotenresortkazenomori2026 .jpG { font-family: "YakuHanJP", "Noto Sans JP", sans-serif; }
/* line 33, style.scss */
#gotenresortkazenomori2026 .jpMG { font-family: "YakuHanJP", "Zen Maru Gothic", sans-serif; }
/* line 34, style.scss */
#gotenresortkazenomori2026 .jpM { font-family: "YakuHanMP", "Noto Serif JP", serif; }
/* line 35, style.scss */
#gotenresortkazenomori2026 .jpH { font-family: "YakuHanMP", "Shippori Mincho", serif; }
/* line 36, style.scss */
#gotenresortkazenomori2026 .enG { font-family: "Roboto", sans-serif; }
/* line 37, style.scss */
#gotenresortkazenomori2026 .enM { font-family: "EB Garamond", serif; }
/* line 39, style.scss */
#gotenresortkazenomori2026 .container { width: 100%; /*position: relative; z-index: 1; opacity: .5;*/ background: url("../images/bg.webp") no-repeat top center; overflow: hidden; }
@media screen and (min-width: 1920px) { /* line 39, style.scss */
  #gotenresortkazenomori2026 .container { background-size: 100% auto; } }
/* line 45, style.scss */
#gotenresortkazenomori2026 .credit { height: 100px; display: flex; justify-content: center; align-items: center; font-size: 18px; padding: 0; margin: 0; background: #fff; /*@include centerX; color: #fff; top: 26px;*/ }
/* line 50, style.scss */
#gotenresortkazenomori2026 .read { text-align: justify; }
/* line 52, style.scss */
#gotenresortkazenomori2026 .btn a { position: relative; display: flex; justify-content: center; align-items: center; }
/* line 54, style.scss */
#gotenresortkazenomori2026 .btn a i { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; line-height: 0; right: .5em; transition: .4s all; }
/* line 56, style.scss */
#gotenresortkazenomori2026 .btn a:hover i { right: .5em; }
/* line 60, style.scss */
#gotenresortkazenomori2026 .swiper-container { padding: 0 0px; }
/* line 65, style.scss */
#gotenresortkazenomori2026 .ph, #gotenresortkazenomori2026 .mainPh { line-height: 0; }
/* line 66, style.scss */
#gotenresortkazenomori2026 .ph { border-radius: 6px; }
/* line 67, style.scss */
#gotenresortkazenomori2026 .mainPh { border-radius: 8px; }
/* line 74, style.scss */
#gotenresortkazenomori2026 .mv { position: relative; width: 100%; height: 900px; overflow: hidden; transition: .4s all; }
@media screen and (max-width: 1280px) { /* line 74, style.scss */
  #gotenresortkazenomori2026 .mv { height: 800px; } }
/* line 78, style.scss */
#gotenresortkazenomori2026 .mv .siteid { position: absolute; z-index: 5; top: 46px; left: 65px; transition: .4s all; }
@media screen and (max-width: 1280px) { /* line 78, style.scss */
  #gotenresortkazenomori2026 .mv .siteid { top: 30px; left: 40px; } }
/* line 83, style.scss */
#gotenresortkazenomori2026 .mv .swiper { height: 100%; }
/* line 84, style.scss */
#gotenresortkazenomori2026 .mv .swiper ul.swiper-wrapper { height: 100%; }
/* line 85, style.scss */
#gotenresortkazenomori2026 .mv .swiper ul.swiper-wrapper li.swiper-slide { line-height: 1; height: 100%; }
/* line 86, style.scss */
#gotenresortkazenomori2026 .mv .swiper ul.swiper-wrapper li.swiper-slide .text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; width: calc(990px + 120px); height: 100%; display: flex; flex-direction: column; transition: .4s all; }
/* line 87, style.scss */
#gotenresortkazenomori2026 .mv .swiper ul.swiper-wrapper li.swiper-slide .text .tit { line-height: 1; position: absolute; top: 188px; right: -28px; transition: .4s all; }
/* line 88, style.scss */
#gotenresortkazenomori2026 .mv .swiper ul.swiper-wrapper li.swiper-slide .text .read { line-height: 1; margin-top: auto; margin-bottom: 46px; margin-left: -14px; }
@media screen and (max-width: 1280px) { /* line 86, style.scss */
  #gotenresortkazenomori2026 .mv .swiper ul.swiper-wrapper li.swiper-slide .text { width: 990px; }
  /* line 91, style.scss */
  #gotenresortkazenomori2026 .mv .swiper ul.swiper-wrapper li.swiper-slide .text .tit { top: 150px; right: -0px; }
  /* line 92, style.scss */
  #gotenresortkazenomori2026 .mv .swiper ul.swiper-wrapper li.swiper-slide .text .read { margin-left: -0px; } }
@media screen and (max-width: 1001px) { /* line 86, style.scss */
  #gotenresortkazenomori2026 .mv .swiper ul.swiper-wrapper li.swiper-slide .text { width: 990px; } }
/* line 98, style.scss */
#gotenresortkazenomori2026 .mv .swiper ul.swiper-wrapper li.swiper-slide .ph { height: 100%; border-radius: 0; }
/* line 111, style.scss */
#gotenresortkazenomori2026 .sec1.sec { background: url("../images/sec1-bg.webp") no-repeat top center; background-size: 1920px 1112px; /*padding-bottom: 126px;*/ min-height: 1112px; }
@media screen and (min-width: 1920px) { /* line 111, style.scss */
  #gotenresortkazenomori2026 .sec1.sec { background-size: 100% 1112px; } }
/* line 115, style.scss */
#gotenresortkazenomori2026 .sec1.sec .wrap { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 116, style.scss */
#gotenresortkazenomori2026 .sec1.sec .wrap .text { width: calc(100% - 721px); text-align: left; }
/* line 117, style.scss */
#gotenresortkazenomori2026 .sec1.sec .wrap .text .tit { margin-left: -40px; transition: .4s all; }
@media screen and (max-width: 1280px) { /* line 119, style.scss */
  #gotenresortkazenomori2026 .sec1.sec .wrap .text .tit { margin-left: 30px; } }
/* line 121, style.scss */
#gotenresortkazenomori2026 .sec1.sec .wrap .text .read { width: 564px; margin-top: 204px; }
/* line 123, style.scss */
#gotenresortkazenomori2026 .sec1.sec .wrap .phWrap { width: 721px; margin-right: -60px; margin-top: 80px; position: relative; transition: .4s all; }
@media screen and (max-width: 1280px) { /* line 123, style.scss */
  #gotenresortkazenomori2026 .sec1.sec .wrap .phWrap { margin-right: 0px; } }
/* line 128, style.scss */
#gotenresortkazenomori2026 .sec1.sec .wrap .phWrap .ph { width: 246px; position: absolute; top: 377px; right: 30px; }
/* line 131, style.scss */
#gotenresortkazenomori2026 .sec1.sec .phSet { display: flex; justify-content: space-between; flex-wrap: wrap; padding-inline: 26px; box-sizing: border-box; margin-top: 93px; transition: .4s all; }
/* line 132, style.scss */
#gotenresortkazenomori2026 .sec1.sec .phSet .ph { width: calc(100% / 4 - 21px); height: 230px; transition: .4s all; }
@media screen and (max-width: 1280px) { /* line 131, style.scss */
  #gotenresortkazenomori2026 .sec1.sec .phSet { padding-inline: 0px; }
  /* line 140, style.scss */
  #gotenresortkazenomori2026 .sec1.sec .phSet .ph { width: calc(100% / 4 - 9px); height: 200px; } }
/* line 143, style.scss */
#gotenresortkazenomori2026 .sec1.sec .mainPh, #gotenresortkazenomori2026 .sec1.sec .ph { position: relative; }
/* line 144, style.scss */
#gotenresortkazenomori2026 .sec1.sec .mainPh span, #gotenresortkazenomori2026 .sec1.sec .ph span { position: absolute; display: block; top: 0; right: 12px; }
/* line 152, style.scss */
#gotenresortkazenomori2026 .sec2.sec { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; flex-direction: row-reverse; margin-right: calc((100% - 990px) / 2); margin-left: 75px; margin-top: 50px; transition: .4s all; }
@media screen and (max-width: 1280px) { /* line 152, style.scss */
  #gotenresortkazenomori2026 .sec2.sec { margin-left: 0px; } }
/* line 156, style.scss */
#gotenresortkazenomori2026 .sec2.sec .text { width: 215px; display: flex; flex-direction: column; align-items: flex-end; }
/* line 157, style.scss */
#gotenresortkazenomori2026 .sec2.sec .text .tit { margin-right: 40px; margin-bottom: 120px; }
/* line 160, style.scss */
#gotenresortkazenomori2026 .sec2.sec .phWrap { width: calc(100% - 215px - 120px); }
/* line 161, style.scss */
#gotenresortkazenomori2026 .sec2.sec .phWrap .mainPh { width: 100%; height: 520px; }
/* line 162, style.scss */
#gotenresortkazenomori2026 .sec2.sec .phWrap .ph { width: 370px; margin-top: -65px; margin-right: -60px; margin-left: auto; }
/* line 170, style.scss */
#gotenresortkazenomori2026 .sec3.sec { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; padding-left: calc((100% - 990px) / 2); padding-right: 75px; margin-top: 105px; position: relative; width: 100%; transition: .4s all; }
@media screen and (max-width: 1280px) { /* line 170, style.scss */
  #gotenresortkazenomori2026 .sec3.sec { padding-right: 0px; } }
/* line 174, style.scss */
#gotenresortkazenomori2026 .sec3.sec .text { display: flex; flex-direction: column; align-items: flex-start; }
/* line 175, style.scss */
#gotenresortkazenomori2026 .sec3.sec .text .tit { margin-bottom: 120px; margin-left: 30px; }
/* line 176, style.scss */
#gotenresortkazenomori2026 .sec3.sec .text .read { width: 310px; position: absolute; z-index: 5; right: calc(((100% - 990px) / 2) + 0px); top: 592px; }
/* line 178, style.scss */
#gotenresortkazenomori2026 .sec3.sec .phWrap { width: calc(100% - 215px - 130px); transition: .4s all; }
@media screen and (max-width: 1280px) { /* line 178, style.scss */
  #gotenresortkazenomori2026 .sec3.sec .phWrap { width: calc(100% - 215px - 0px); } }
/* line 182, style.scss */
#gotenresortkazenomori2026 .sec3.sec .phWrap .mainPh { width: 100%; height: 520px; }
/* line 183, style.scss */
#gotenresortkazenomori2026 .sec3.sec .phWrap ul.listWrap { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; position: absolute; top: 465px; /*left: -95px;*/ left: calc(((100% - 990px) / 2) - 95px); transition: .4s all; }
@media screen and (max-width: 1280px) { /* line 183, style.scss */
  #gotenresortkazenomori2026 .sec3.sec .phWrap ul.listWrap { left: calc(((100% - 990px) / 2) - 0px); } }
/* line 187, style.scss */
#gotenresortkazenomori2026 .sec3.sec .phWrap ul.listWrap li.ph { width: 370px; position: relative; transition: .4s all; }
@media screen and (max-width: 1280px) { /* line 187, style.scss */
  #gotenresortkazenomori2026 .sec3.sec .phWrap ul.listWrap li.ph { width: 330px; } }
/* line 191, style.scss */
#gotenresortkazenomori2026 .sec3.sec .phWrap ul.listWrap li.ph.ph01 { z-index: 1; }
/* line 192, style.scss */
#gotenresortkazenomori2026 .sec3.sec .phWrap ul.listWrap li.ph.ph02 { margin-left: -40px; margin-top: 120px; z-index: 0; }
/* line 202, style.scss */
#gotenresortkazenomori2026 .sec4 { margin-top: 410px; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 203, style.scss */
#gotenresortkazenomori2026 .sec4 .ph { border-radius: 0; width: 50%; height: 470px; transition: .4s all; }
@media screen and (max-width: 1280px) { /* line 203, style.scss */
  #gotenresortkazenomori2026 .sec4 .ph { height: 350px; } }
/* line 216, style.scss */
#gotenresortkazenomori2026 .footSec { /*margin-top: 90px;*/ width: 100%; padding-top: 40px; padding-bottom: 75px; background: #006934; }
/* line 217, style.scss */
#gotenresortkazenomori2026 .footSec .wrap { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
/* line 218, style.scss */
#gotenresortkazenomori2026 .footSec .wrap .footId { line-height: 1; }
/* line 219, style.scss */
#gotenresortkazenomori2026 .footSec .wrap .author { line-height: 1; }
/* line 220, style.scss */
#gotenresortkazenomori2026 .footSec .wrap ul.listWrap { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; width: 100%; margin-top: 26px; }
/* line 221, style.scss */
#gotenresortkazenomori2026 .footSec .wrap ul.listWrap li.btn { line-height: 1; width: 480px; }
/* line 224, style.scss */
#gotenresortkazenomori2026 .footSec .wrap ul.listWrap li.btn a i { right: 24px; }
/* line 226, style.scss */
#gotenresortkazenomori2026 .footSec .wrap ul.listWrap li.btn a:hover i { right: 18px; }