@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 */
#gotenresortkotanureshino2026 { 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 */
#gotenresortkotanureshino2026 a { transition: .5s; }
/* line 26, style.scss */
#gotenresortkotanureshino2026 a:hover { opacity: .8; }
/* line 28, style.scss */
#gotenresortkotanureshino2026 .inner { width: 990px; margin: auto; }
/* line 29, style.scss */
#gotenresortkotanureshino2026 .flexImg { overflow: hidden; position: relative; }
/* line 30, style.scss */
#gotenresortkotanureshino2026 .flexImg img { width: 100% !important; height: 100% !important; object-fit: cover; }
/* line 32, style.scss */
#gotenresortkotanureshino2026 .jpG { font-family: "YakuHanJP", "Noto Sans JP", sans-serif; }
/* line 33, style.scss */
#gotenresortkotanureshino2026 .jpMG { font-family: "YakuHanJP", "Zen Maru Gothic", sans-serif; }
/* line 34, style.scss */
#gotenresortkotanureshino2026 .jpM { font-family: "YakuHanMP", "Noto Serif JP", serif; }
/* line 35, style.scss */
#gotenresortkotanureshino2026 .jpH { font-family: "YakuHanMP", "Shippori Mincho", serif; }
/* line 36, style.scss */
#gotenresortkotanureshino2026 .enG { font-family: "Roboto", sans-serif; }
/* line 37, style.scss */
#gotenresortkotanureshino2026 .enM { font-family: "EB Garamond", serif; }
/* line 39, style.scss */
#gotenresortkotanureshino2026 .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 */
  #gotenresortkotanureshino2026 .container { background-size: 100% auto; } }
/* line 45, style.scss */
#gotenresortkotanureshino2026 .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 */
#gotenresortkotanureshino2026 .read { text-align: justify; }
/* line 52, style.scss */
#gotenresortkotanureshino2026 .btn a { position: relative; display: flex; justify-content: center; align-items: center; }
/* line 54, style.scss */
#gotenresortkotanureshino2026 .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 */
#gotenresortkotanureshino2026 .btn a:hover i { right: .5em; }
/* line 60, style.scss */
#gotenresortkotanureshino2026 .swiper-container { padding: 0 0px; }
/* line 72, style.scss */
#gotenresortkotanureshino2026 .mv { position: relative; width: calc(100% - 52px); height: 750px; padding-top: 26px; overflow: hidden; margin: auto; transition: .4s all; }
@media screen and (max-width: 1280px) { /* line 72, style.scss */
  #gotenresortkotanureshino2026 .mv { /* width: calc(100% - 0px);*/ height: 680px; } }
/* line 76, style.scss */
#gotenresortkotanureshino2026 .mv .siteid { position: absolute; z-index: 5; top: 59px; left: 55px; }
/* line 77, style.scss */
#gotenresortkotanureshino2026 .mv .swiper { height: 100%; }
/* line 78, style.scss */
#gotenresortkotanureshino2026 .mv .swiper ul.swiper-wrapper { height: 100%; }
/* line 79, style.scss */
#gotenresortkotanureshino2026 .mv .swiper ul.swiper-wrapper li.swiper-slide { line-height: 1; height: 100%; }
/* line 80, style.scss */
#gotenresortkotanureshino2026 .mv .swiper ul.swiper-wrapper li.swiper-slide .text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
/* line 81, style.scss */
#gotenresortkotanureshino2026 .mv .swiper ul.swiper-wrapper li.swiper-slide .text .tit { display: flex; justify-content: center; align-items: center; flex-direction: column; margin-top: -25px; }
/* line 82, style.scss */
#gotenresortkotanureshino2026 .mv .swiper ul.swiper-wrapper li.swiper-slide .text .tit em, #gotenresortkotanureshino2026 .mv .swiper ul.swiper-wrapper li.swiper-slide .text .tit span { line-height: 1; }
/* line 84, style.scss */
#gotenresortkotanureshino2026 .mv .swiper ul.swiper-wrapper li.swiper-slide .text .tit span { margin-top: -10px; }
/* line 86, style.scss */
#gotenresortkotanureshino2026 .mv .swiper ul.swiper-wrapper li.swiper-slide .text .read { position: absolute; bottom: 35px; right: 38px; z-index: 5; }
/* line 88, style.scss */
#gotenresortkotanureshino2026 .mv .swiper ul.swiper-wrapper li.swiper-slide .ph { height: 100%; }
/* line 101, style.scss */
#gotenresortkotanureshino2026 .sec1.sec { padding-top: 70px; }
/* line 102, style.scss */
#gotenresortkotanureshino2026 .sec1.sec .title { margin-bottom: 60px; }
/* line 104, style.scss */
#gotenresortkotanureshino2026 .sec1.sec .wrap .list { display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; align-items: flex-start; }
/* line 105, style.scss */
#gotenresortkotanureshino2026 .sec1.sec .wrap .list .enT { position: absolute; top: 0; }
/* line 106, style.scss */
#gotenresortkotanureshino2026 .sec1.sec .wrap .list .ph { width: 372px; }
/* line 107, style.scss */
#gotenresortkotanureshino2026 .sec1.sec .wrap .list .text { width: calc(100% - 372px - 60px); display: flex; flex-direction: column; }
/* line 108, style.scss */
#gotenresortkotanureshino2026 .sec1.sec .wrap .list .text .tit { margin-bottom: 20px; }
/* line 109, style.scss */
#gotenresortkotanureshino2026 .sec1.sec .wrap .list .text .read { margin-bottom: 40px; }
/* line 114, style.scss */
#gotenresortkotanureshino2026 .sec1.sec .wrap .list.list01 .enT { left: -60px; }
/* line 116, style.scss */
#gotenresortkotanureshino2026 .sec1.sec .wrap .list.list01 .text { align-items: flex-start; }
/* line 119, style.scss */
#gotenresortkotanureshino2026 .sec1.sec .wrap .list.list01 .text .phMain { margin-right: -60px; }
/* line 122, style.scss */
#gotenresortkotanureshino2026 .sec1.sec .wrap .list.list02 { flex-direction: row-reverse; margin-top: 75px; }
/* line 123, style.scss */
#gotenresortkotanureshino2026 .sec1.sec .wrap .list.list02 .enT { right: -60px; }
/* line 125, style.scss */
#gotenresortkotanureshino2026 .sec1.sec .wrap .list.list02 .text { align-items: flex-end; }
/* line 128, style.scss */
#gotenresortkotanureshino2026 .sec1.sec .wrap .list.list02 .text .phMain { margin-left: -60px; }
/* line 138, style.scss */
#gotenresortkotanureshino2026 .sec2.sec { margin-top: 80px; background: #eff3f2; padding-top: 70px; padding-bottom: 75px; padding-inline: 26px; box-sizing: border-box; transition: .4s all; }
@media screen and (max-width: 1280px) { /* line 138, style.scss */
  #gotenresortkotanureshino2026 .sec2.sec { padding-inline: 0px; } }
/* line 142, style.scss */
#gotenresortkotanureshino2026 .sec2.sec .title { margin-bottom: 37px; }
/* line 144, style.scss */
#gotenresortkotanureshino2026 .sec2.sec .wrap .text { margin-bottom: 46px; }
/* line 145, style.scss */
#gotenresortkotanureshino2026 .sec2.sec .wrap .text .tit { margin-bottom: 33px; }
/* line 146, style.scss */
#gotenresortkotanureshino2026 .sec2.sec .wrap .text .read { text-align: center; }
/* line 149, style.scss */
#gotenresortkotanureshino2026 .sec2.sec .phWrap { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 150, style.scss */
#gotenresortkotanureshino2026 .sec2.sec .phWrap .ph { width: 50%; height: 485px; transition: .4s all; }
@media screen and (max-width: 1280px) { /* line 150, style.scss */
  #gotenresortkotanureshino2026 .sec2.sec .phWrap .ph { height: 350px; } }
/* line 162, style.scss */
#gotenresortkotanureshino2026 .sec3.sec { padding-top: 93px; }
/* line 163, style.scss */
#gotenresortkotanureshino2026 .sec3.sec .title { margin-bottom: 50px; }
/* line 164, style.scss */
#gotenresortkotanureshino2026 .sec3.sec .wrap { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; }
/* line 165, style.scss */
#gotenresortkotanureshino2026 .sec3.sec .wrap .text { display: flex; flex-direction: column; align-items: flex-start; }
/* line 166, style.scss */
#gotenresortkotanureshino2026 .sec3.sec .wrap .text .tit { margin-bottom: 32px; }
/* line 168, style.scss */
#gotenresortkotanureshino2026 .sec3.sec .wrap .text .ph { margin-top: 30px; }
/* line 170, style.scss */
#gotenresortkotanureshino2026 .sec3.sec .wrap .phMain { width: 616px; margin-right: -60px; }
/* line 178, style.scss */
#gotenresortkotanureshino2026 .sec4.sec { margin-top: 140px; margin-right: calc((100% - 990px) / 2); display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row-reverse; align-items: flex-start; padding-left: 26px; position: relative; transition: .4s all; }
@media screen and (max-width: 1280px) { /* line 178, style.scss */
  #gotenresortkotanureshino2026 .sec4.sec { padding-left: 0px; } }
/* line 182, style.scss */
#gotenresortkotanureshino2026 .sec4.sec::after { content: ""; background: rgba(45, 106, 113, 0.1); width: calc(100% + 60px); height: calc(100% + 110px); position: absolute; top: -60px; right: -60px; z-index: 0; }
/* line 183, style.scss */
#gotenresortkotanureshino2026 .sec4.sec .text { width: 414px; position: relative; z-index: 5; }
/* line 184, style.scss */
#gotenresortkotanureshino2026 .sec4.sec .text .title { margin-bottom: 27px; }
/* line 185, style.scss */
#gotenresortkotanureshino2026 .sec4.sec .text .tit { margin-bottom: 35px; }
/* line 186, style.scss */
#gotenresortkotanureshino2026 .sec4.sec .text .read { margin-bottom: 35px; }
/* line 187, style.scss */
#gotenresortkotanureshino2026 .sec4.sec .text ul.listWrap { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; }
/* line 188, style.scss */
#gotenresortkotanureshino2026 .sec4.sec .text ul.listWrap li.ph { width: 50%; line-height: 1; }
/* line 190, style.scss */
#gotenresortkotanureshino2026 .sec4.sec .text ul.listWrap li.ph.ph02 { margin-top: 60px; }
/* line 194, style.scss */
#gotenresortkotanureshino2026 .sec4.sec .phMain { width: calc(100% - 414px - 80px); height: 570px; line-height: 1; position: relative; z-index: 5; transition: .4s all; }
@media screen and (max-width: 1280px) { /* line 194, style.scss */
  #gotenresortkotanureshino2026 .sec4.sec .phMain { width: calc(100% - 414px - 50px); height: 508px; } }
/* line 205, style.scss */
#gotenresortkotanureshino2026 .sec5.sec { margin-top: 153px; background: url("../images/sec5-04.webp") no-repeat top center; }
/* line 206, style.scss */
#gotenresortkotanureshino2026 .sec5.sec .wrap { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
/* line 207, style.scss */
#gotenresortkotanureshino2026 .sec5.sec .wrap .ph { width: 665px; margin-left: -60px; }
/* line 208, style.scss */
#gotenresortkotanureshino2026 .sec5.sec .wrap .text { width: 315px; text-align: left; margin-top: -5px; }
/* line 209, style.scss */
#gotenresortkotanureshino2026 .sec5.sec .wrap .text .tit { line-height: 1; margin-bottom: 32px; }
/* line 210, style.scss */
#gotenresortkotanureshino2026 .sec5.sec .wrap .text .read { line-height: 1; }
/* line 219, style.scss */
#gotenresortkotanureshino2026 .footSec { margin-top: 90px; width: 100%; padding-top: 40px; padding-bottom: 75px; background: #1b312b; }
/* line 220, style.scss */
#gotenresortkotanureshino2026 .footSec .wrap { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
/* line 221, style.scss */
#gotenresortkotanureshino2026 .footSec .wrap .footId { line-height: 1; }
/* line 222, style.scss */
#gotenresortkotanureshino2026 .footSec .wrap .author { line-height: 1; }
/* line 223, style.scss */
#gotenresortkotanureshino2026 .footSec .wrap ul.listWrap { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; width: 100%; margin-top: 26px; }
/* line 224, style.scss */
#gotenresortkotanureshino2026 .footSec .wrap ul.listWrap li.btn { line-height: 1; width: 480px; }
/* line 227, style.scss */
#gotenresortkotanureshino2026 .footSec .wrap ul.listWrap li.btn a i { right: 24px; }
/* line 229, style.scss */
#gotenresortkotanureshino2026 .footSec .wrap ul.listWrap li.btn a:hover i { right: 18px; }