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

制作コンテンツ

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

================================================================ */
/* SP用CSSの記述 */
/* PC、Tablet用CSSの記述 */
/*.theme_attention { display: none;}*/
/*
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 24, style.scss */
#timelessvacationnaha { text-align: center; font-size: 14.5px; line-height: 1.8; font-weight: 400; color: #000000; 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; overflow: hidden; /*img { width: 100%; height: auto;}*/ /*============================
共通
============================*/ }
/* line 25, style.scss */
#timelessvacationnaha a { transition: .35s; }
/* line 26, style.scss */
#timelessvacationnaha a:hover { opacity: .8; }
/* line 28, style.scss */
#timelessvacationnaha .inner { width: 990px; margin: auto; }
/* line 29, style.scss */
#timelessvacationnaha .flexImg { overflow: hidden; position: relative; }
/* line 30, style.scss */
#timelessvacationnaha .flexImg img { width: 100% !important; height: 100% !important; object-fit: cover; font-family: 'object-fit: cover;'; }
/* line 32, style.scss */
#timelessvacationnaha ul li { list-style: none; }
/* line 33, style.scss */
#timelessvacationnaha .jpG { font-family: "YakuHanJP", "Noto Sans JP", sans-serif; }
/* line 34, style.scss */
#timelessvacationnaha .jpMG { font-family: "YakuHanJP", "Zen Maru Gothic", sans-serif; }
/* line 35, style.scss */
#timelessvacationnaha .jpM { font-family: "YakuHanMP", "Noto Serif JP", serif; }
/* line 36, style.scss */
#timelessvacationnaha .jpH { font-family: "YakuHanMP", "Shippori Mincho B1", serif; }
/* line 37, style.scss */
#timelessvacationnaha .enG { font-family: "Roboto", sans-serif; }
/* line 38, style.scss */
#timelessvacationnaha .enM { font-family: "EB Garamond", serif; }
/* line 46, style.scss */
#timelessvacationnaha .container { width: 100%; position: relative; background: #e3f6ff; z-index: 0; /*&::after{ content: ""; background: url("../../JPG/1218/デザイン-01.jpg") no-repeat center top; width: 100%; height: 100%; opacity: .3; position: absolute; top: 0; left: 0; z-index: -1;}*/ }
/* line 48, style.scss */
#timelessvacationnaha .container::before, #timelessvacationnaha .container::after { content: ""; position: absolute; top: 0; height: 100%; z-index: 0; }
/* line 49, style.scss */
#timelessvacationnaha .container::before { background: url("../images/bgL.jpg") repeat-y top left; width: 247px; left: 0; }
/* line 50, style.scss */
#timelessvacationnaha .container::after { background: url("../images/bgR.jpg") repeat-y top right; width: 245px; right: 0; }
/* line 57, style.scss */
#timelessvacationnaha .read { text-align: justify; text-justify: inter-ideograph; }
/* line 59, style.scss */
#timelessvacationnaha .btnWrap.btnWrap01 .btn { margin: auto; }
/* line 60, style.scss */
#timelessvacationnaha .btnWrap.btnWrap01 .btn a { display: flex; justify-content: center; align-items: center; position: relative; filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.15)); will-change: filter; }
/* line 62, style.scss */
#timelessvacationnaha .btnWrap.btnWrap01 .btn a i { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; line-height: 0; right: 15px; transition: .35s; }
/* line 64, style.scss */
#timelessvacationnaha .btnWrap.btnWrap01 .btn a:hover i { right: 12px; }
/* line 70, style.scss */
#timelessvacationnaha .btnWrap.btnWrap01.uc .btn { /*opacity: .5;*/ }
/* line 71, style.scss */
#timelessvacationnaha .btnWrap.btnWrap01.uc .btn a { pointer-events: none; filter: none; }
/* line 72, style.scss */
#timelessvacationnaha .btnWrap.btnWrap01.uc .btn a::before { /* contents: ""; width: 100%; height: 100%; background: rgba($black, .25); @include center;*/ }
/* line 74, style.scss */
#timelessvacationnaha .btnWrap.btnWrap01.uc .btn a i { display: none; }
/* line 85, style.scss */
#timelessvacationnaha #mainImg { position: relative; z-index: 10; }
/* line 86, style.scss */
#timelessvacationnaha #mainImg img { width: 100%; height: auto; }
/* line 87, style.scss */
#timelessvacationnaha #mainImg .title { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; max-width: 990px; width: 90%; margin-top: -2.5%; }
/* line 88, style.scss */
#timelessvacationnaha #mainImg .ph { transition: .5s; }
/* line 89, style.scss */
#timelessvacationnaha #mainImg .ph::after { content: ""; width: 100%; height: 0; padding-top: 1.354%; background: url("../images/mainImg2.png") no-repeat top center; background-size: contain; display: block; transition: .5s; }
/* line 96, style.scss */
#timelessvacationnaha #intro { padding: 70px 0 70px; position: relative; z-index: 10; }
/* line 98, style.scss */
#timelessvacationnaha #intro .catch { margin: 0 auto 65px; filter: drop-shadow(0px 0px 2px #e3f6ff) drop-shadow(0px 0px 3px #e3f6ff) drop-shadow(0px 0px 4px #e3f6ff); will-change: filter; }
/* line 99, style.scss */
#timelessvacationnaha #intro .catch img { filter: drop-shadow(0px 0px 2px #e3f6ff) drop-shadow(0px 0px 3px #e3f6ff) drop-shadow(0px 0px 4px #e3f6ff); will-change: filter; }
/* line 101, style.scss */
#timelessvacationnaha #intro .links { margin: 0 auto 50px; }
/* line 102, style.scss */
#timelessvacationnaha #intro .links ul { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
/* line 104, style.scss */
#timelessvacationnaha #intro .links ul li.list a { filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.15)); will-change: filter; display: flex; justify-content: center; align-items: center; }
/* line 106, style.scss */
#timelessvacationnaha #intro .links ul li.list a i { position: absolute; line-height: 0; bottom: 12px; right: 144px; transition: .35s; }
/* line 108, style.scss */
#timelessvacationnaha #intro .links ul li.list a:hover i { bottom: 10px; }
/* line 111, style.scss */
#timelessvacationnaha #intro .links ul li.list.list01, #timelessvacationnaha #intro .links ul li.list.list02 { width: 451px; }
/* line 128, style.scss */
#timelessvacationnaha #intro .threepoint { background: #fff; border-radius: 0 0 30px 30px; padding: 0 0 30px; margin: 0 auto 65px; }
/* line 129, style.scss */
#timelessvacationnaha #intro .threepoint .tit { margin: 0 auto 30px; }
/* line 130, style.scss */
#timelessvacationnaha #intro .threepoint ul { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 30px; }
/* line 131, style.scss */
#timelessvacationnaha #intro .threepoint ul li { filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.15)); will-change: filter; width: 295px; overflow: hidden; position: relative; }
/* line 132, style.scss */
#timelessvacationnaha #intro .threepoint ul li .t { position: relative; z-index: 1; }
/* line 133, style.scss */
#timelessvacationnaha #intro .threepoint ul li .read { font-size: 16px; line-height: 1.5; padding: 10px 20px 15px; position: relative; z-index: 1; }
/* line 134, style.scss */
#timelessvacationnaha #intro .threepoint ul li::after { content: ""; width: 100%; height: 90%; background: #fff; position: absolute; bottom: -10px; left: 0; z-index: 0; }
/* line 138, style.scss */
#timelessvacationnaha #intro .btnsWrap { display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: center; position: relative; }
/* line 139, style.scss */
#timelessvacationnaha #intro .btnsWrap .tit { margin: 0 auto -10px; position: relative; left: -10px; }
/* line 140, style.scss */
#timelessvacationnaha #intro .btnsWrap .fukidashi { position: absolute; top: 0; right: 120px; }
/* line 142, style.scss */
#timelessvacationnaha #intro .btnsWrap .btnWrap .btn { width: 851px; }
/* line 152, style.scss */
#timelessvacationnaha #intro .btnsWrap .btnWrap.btnWrap01 { position: relative; }
/* line 153, style.scss */
#timelessvacationnaha #intro .btnsWrap .btnWrap.btnWrap01 small { position: absolute; bottom: -25px; right: 10px; filter: drop-shadow(0px 0px 2px #e3f6ff) drop-shadow(0px 0px 3px #e3f6ff) drop-shadow(0px 0px 4px #e3f6ff); will-change: filter; }
/* line 157, style.scss */
#timelessvacationnaha #intro .btnsWrap .and { display: flex; justify-content: center; align-items: center; width: 100%; margin: 10px 0; }
/* line 167, style.scss */
#timelessvacationnaha .sec { position: relative; margin-bottom: 95px; }
/* line 168, style.scss */
#timelessvacationnaha .sec::before, #timelessvacationnaha .sec::after { content: ""; width: calc(990px + 80px); height: 16px; background-size: 100% 100% !important; position: absolute; left: -50%; right: -50%; margin: auto; z-index: 5; }
/* line 169, style.scss */
#timelessvacationnaha .sec::before { background: url("../images/waveT.png") no-repeat top center; top: 0px; }
/* line 170, style.scss */
#timelessvacationnaha .sec::after { background: url("../images/waveB.png") no-repeat bottom center; bottom: 0px; }
/* line 171, style.scss */
#timelessvacationnaha .sec .secInner { position: relative; }
/* line 172, style.scss */
#timelessvacationnaha .sec .secInner::before, #timelessvacationnaha .sec .secInner::after { content: ""; width: calc(990px + 80px); position: absolute; left: -50%; right: -50%; margin: auto; }
/* line 173, style.scss */
#timelessvacationnaha .sec .secInner::before { top: 0px; bottom: 0px; height: calc(100% + 0px); z-index: 1; }
/* line 174, style.scss */
#timelessvacationnaha .sec .secInner::after { background-size: contain !important; top: 0px; height: 100%; z-index: 2; }
/* line 175, style.scss */
#timelessvacationnaha .sec .secInner .inner { position: relative; z-index: 10; padding: 50px 0 70px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; }
/* line 181, style.scss */
#timelessvacationnaha .sec .secInner .inner .list { position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; width: 475px; z-index: 10; }
/* line 182, style.scss */
#timelessvacationnaha .sec .secInner .inner .list .tit, #timelessvacationnaha .sec .secInner .inner .list .frag { position: absolute; z-index: 10; }
/* line 183, style.scss */
#timelessvacationnaha .sec .secInner .inner .list .tit { /*top: -4px;*/ left: -11px; bottom: calc(100% - 68px); }
/* line 184, style.scss */
#timelessvacationnaha .sec .secInner .inner .list .frag { top: -32px; right: -16px; }
/* line 185, style.scss */
#timelessvacationnaha .sec .secInner .inner .list .main { width: 100%; height: 0; padding-top: 67.5%; margin-bottom: 20px; }
/* line 186, style.scss */
#timelessvacationnaha .sec .secInner .inner .list .main img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; z-index: 3; }
/* line 188, style.scss */
#timelessvacationnaha .sec .secInner .inner .list .t { margin-bottom: 20px; text-align: left; }
/* line 189, style.scss */
#timelessvacationnaha .sec .secInner .inner .list .text { width: 44%; display: flex; flex-direction: column; justify-content: space-between; }
/* line 190, style.scss */
#timelessvacationnaha .sec .secInner .inner .list .text .read { font-size: 15px; line-height: 1.5; margin-bottom: 20px; }
/* line 191, style.scss */
#timelessvacationnaha .sec .secInner .inner .list .text .btn { width: 210px; margin-top: auto; }
/* line 192, style.scss */
#timelessvacationnaha .sec .secInner .inner .list .text .btn a { display: flex; justify-content: center; align-items: center; position: relative; filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.15)); will-change: filter; }
/* line 194, style.scss */
#timelessvacationnaha .sec .secInner .inner .list .text .btn a i { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; line-height: 0; right: 9px; transition: .35s; }
/* line 196, style.scss */
#timelessvacationnaha .sec .secInner .inner .list .text .btn a:hover i { right: 7px; }
/* line 201, style.scss */
#timelessvacationnaha .sec .secInner .inner .list .sub { margin: -10px -25px -20px 0; }
/* line 202, style.scss */
#timelessvacationnaha .sec .secInner .inner .list .fukidashi, #timelessvacationnaha .sec .secInner .inner .list .ic { position: absolute; z-index: 5; }
/* line 203, style.scss */
#timelessvacationnaha .sec .secInner .inner .list .ic { top: -30px; left: -15px; }
/* line 205, style.scss */
#timelessvacationnaha .sec .secInner .inner .list.event .t { margin-bottom: 15px; width: 100%; }
/* line 206, style.scss */
#timelessvacationnaha .sec .secInner .inner .list.event .t span { display: block; text-align: center; margin: 10px auto 0; }
/* line 208, style.scss */
#timelessvacationnaha .sec .secInner .inner .list.event .text { width: 100%; }
/* line 209, style.scss */
#timelessvacationnaha .sec .secInner .inner .list.event .btn { margin-left: auto; margin-right: auto; }
/* line 212, style.scss */
#timelessvacationnaha .sec .secInner .inner .line.bottom { margin: 60px auto 0; }
/* line 213, style.scss */
#timelessvacationnaha .sec .secInner .inner .illWrap { position: absolute; width: 100%; height: 100%; z-index: 6; }
/* line 214, style.scss */
#timelessvacationnaha .sec .secInner .inner .illWrap .ill { position: absolute; }
/* line 227, style.scss */
#timelessvacationnaha .sec#sec01 .secInner::before { background: linear-gradient(20deg, #c1e4f7 0%, #faef79 100%); }
/* line 228, style.scss */
#timelessvacationnaha .sec#sec01 .secInner::after { background: url("../images/sec01Bg.png") no-repeat top center; }
/* line 236, style.scss */
#timelessvacationnaha .sec#sec02 .secInner::before { background: linear-gradient(20deg, #fed5b7 0%, #dac2dc 100%); }
/* line 237, style.scss */
#timelessvacationnaha .sec#sec02 .secInner::after { background: url("../images/sec02Bg.png") no-repeat top center; }
/* line 251, style.scss */
#timelessvacationnaha #sec01.sec .secInner .inner .title { margin: 30px 0 0 80px; }
/* line 252, style.scss */
#timelessvacationnaha #sec01.sec .secInner .inner .list.list01 { margin-top: -20px; }
/* line 268, style.scss */
#timelessvacationnaha #sec01.sec .secInner .inner .list.list02 { margin-top: 133px; }
/* line 274, style.scss */
#timelessvacationnaha #sec01.sec .secInner .inner .list.list02 .text .read { letter-spacing: 0; }
/* line 283, style.scss */
#timelessvacationnaha #sec01.sec .secInner .inner .list.list02 .fukidashi { top: 110px; right: -35px; }
/* line 285, style.scss */
#timelessvacationnaha #sec01.sec .secInner .inner .list.list03 { margin-top: -115px; }
/* line 300, style.scss */
#timelessvacationnaha #sec01.sec .secInner .inner .list.list03 .fukidashi { top: 210px; left: -35px; }
/* line 302, style.scss */
#timelessvacationnaha #sec01.sec .secInner .inner .list.list04 { margin-top: 185px; }
/* line 318, style.scss */
#timelessvacationnaha #sec01.sec .secInner .inner .list.list05 { margin-top: -180px; }
/* line 336, style.scss */
#timelessvacationnaha #sec01.sec .secInner .inner .illWrap .ill.ill01 { top: 48px; right: 4px; }
/* line 337, style.scss */
#timelessvacationnaha #sec01.sec .secInner .inner .illWrap .ill.ill02 { top: 232px; right: 386px; }
/* line 338, style.scss */
#timelessvacationnaha #sec01.sec .secInner .inner .illWrap .ill.ill03 { top: 1000px; right: 11px; }
/* line 339, style.scss */
#timelessvacationnaha #sec01.sec .secInner .inner .illWrap .ill.ill04 { bottom: 210px; right: 7px; }
/* line 352, style.scss */
#timelessvacationnaha #sec02.sec .secInner .inner .title { margin: 0 0 0 0; }
/* line 353, style.scss */
#timelessvacationnaha #sec02.sec .secInner .inner .list.list01 { margin-top: 65px; }
/* line 359, style.scss */
#timelessvacationnaha #sec02.sec .secInner .inner .list.list01 .text .read { letter-spacing: 0; }
/* line 369, style.scss */
#timelessvacationnaha #sec02.sec .secInner .inner .list.list02 { margin-top: -450px; }
/* line 383, style.scss */
#timelessvacationnaha #sec02.sec .secInner .inner .list.list02 .sub { margin-top: -45px; }
/* line 384, style.scss */
#timelessvacationnaha #sec02.sec .secInner .inner .list.list02 .fukidashi { top: 170px; left: -30px; }
/* line 386, style.scss */
#timelessvacationnaha #sec02.sec .secInner .inner .list.list03 { margin-top: 150px; }
/* line 402, style.scss */
#timelessvacationnaha #sec02.sec .secInner .inner .list.list04 { margin-top: -385px; }
/* line 418, style.scss */
#timelessvacationnaha #sec02.sec .secInner .inner .list.list05 { margin-top: 80px; }
/* line 434, style.scss */
#timelessvacationnaha #sec02.sec .secInner .inner .list.event.list06 { margin-top: -360px; }
/* line 451, style.scss */
#timelessvacationnaha #sec02.sec .secInner .inner .list.event.list07 { margin-top: 110px; }
/* line 468, style.scss */
#timelessvacationnaha #sec02.sec .secInner .inner .list.event.list08 { margin-top: -390px; }
/* line 487, style.scss */
#timelessvacationnaha #sec02.sec .secInner .inner .illWrap .ill.ill01 { top: 725px; right: 114px; }
/* line 488, style.scss */
#timelessvacationnaha #sec02.sec .secInner .inner .illWrap .ill.ill02 { top: 955px; left: 40px; }
/* line 489, style.scss */
#timelessvacationnaha #sec02.sec .secInner .inner .illWrap .ill.ill03 { top: 890px; left: 277px; }
/* line 490, style.scss */
#timelessvacationnaha #sec02.sec .secInner .inner .illWrap .ill.ill04 { bottom: 200px; right: 70px; }
/* line 499, style.scss */
#timelessvacationnaha #outro { padding-bottom: 70px; position: relative; z-index: 10; }
/* line 500, style.scss */
#timelessvacationnaha #outro .btnWrap.btnWrap01 { margin-bottom: 30px; }
/* line 504, style.scss */
#timelessvacationnaha #outro .btnWrap.btnWrap01 .btn a i { right: 25px; }
/* line 506, style.scss */
#timelessvacationnaha #outro .btnWrap.btnWrap01 .btn a:hover i { right: 22px; }
/* line 512, style.scss */
#timelessvacationnaha #outro .btnWrap.btnWrap02 { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 513, style.scss */
#timelessvacationnaha #outro .btnWrap.btnWrap02 .btn { width: 485px; }
/* line 514, style.scss */
#timelessvacationnaha #outro .btnWrap.btnWrap02 .btn a { display: flex; justify-content: center; align-items: center; position: relative; filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.15)); will-change: filter; }
/* line 516, style.scss */
#timelessvacationnaha #outro .btnWrap.btnWrap02 .btn a i { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; line-height: 0; right: 15px; transition: .35s; }
/* line 518, style.scss */
#timelessvacationnaha #outro .btnWrap.btnWrap02 .btn a:hover i { right: 13px; }