body, button, input, select, optgroup, textarea { font-family:"Noto Serif JP","游明朝","YuMincho","ヒラギノ明朝ProNW3","HiraginoMinchoProN","MSP明朝","MSMincho",serif; letter-spacing: .1em; } h1,h2,h3,h4,h5,h6 {letter-spacing: .3em;} body:not(.home) h2 {font-size:1.25rem;} body:not(.home) h3 {font-size:1.15rem;} th, td {border:0px none transparent;} a { text-decoration: none; } .wp-block-button { width: 100%; } .wp-block-button a.wp-block-button__link, .wp-block-button a.wp-block-button__link:visited { background-color: rgba(255,255,255,0.7); color: var(--facil-color); border: 1px solid #e5e5e5; transition: all 0.3s ease; } .wp-block-button a.wp-block-button__link:hover, .wp-block-button a.wp-block-button__link:focus, .wp-block-button a.wp-block-button__link:active { background-color: var(--facil-color); color: #FFF; } div.site-branding img.custom-logo {filter: brightness(0) invert(1); transition: height 0.4s ease-in-out, transform 0.4s ease-in-out; transform-origin: left center; /* 縮小の起点を左側に固定 */ } .plan_title {font-weight:bold;} .uk-slider-items>li{display:flex!important;flex-direction:column} .uk-slider-items>li>*{width:100%} .uk-slider-items .wp-block-image,.uk-slider-items .wp-block-post-featured-image{position:relative} .uk-slider-items img{width:100%;height:100%!important;aspect-ratio:16/9;object-fit:cover} .uk-dotnav{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;list-style:none!important;padding:0!important;margin-top:15px!important} .uk-dotnav>li{display:inline-block!important;width:auto!important;margin:0 6px!important} .uk-dotnav li::before{content:none!important} .uk-slnav-large{color:#fff!important;text-shadow:0 0 5px rgba(0,0,0,.3)} /* Palmeria Color　Override */ button:hover,button:focus,input[type="button"]:hover,input[type="button"]:focus,input[type="reset"]:hover,input[type="reset"]:focus,input[type="submit"]:hover,input[type="submit"]:focus,.more-link:hover,.more-link:focus,.button:hover,body.infinite-scroll .site-main #infinite-handle button:hover,.button:focus,body.infinite-scroll .site-main #infinite-handle button:focus{background-color:var(--facil-color);border-color:var(--facil-color);} a{color:var(--facil-color);} a:visited{color:var(--facil-color)} a:hover,a:focus,a:active{color: color-mix(in srgb, var(--facil-color), black 20%);} .post-navigation .nav-previous a .post-title:hover,.post-navigation .nav-next a .post-title:hover{color:var(--facil-color)} .search-form .search-submit:hover{color:var(--facil-color)} body.blog .hentry .entry-header .entry-title a:hover,body.archive .hentry .entry-header .entry-title a:hover,body.search .hentry .entry-header .entry-title a:hover{color:var(--facil-color)} .related-posts ul li a.post-title:hover{color:var(--facil-color)} .entry-meta>span a:hover{color:var(--facil-color)} .comments-area .comment-list .comment-reply-link:hover{color:var(--facil-color)} .wp-block-file a.wp-block-file__button:hover,.wp-block-file a.wp-block-file__button:focus{background-color:var(--facil-color);} .wp-block-button .wp-block-button__link:hover,.wp-block-button .wp-block-button__link:focus{background-color:var(--facil-color);} .is-style-outline .wp-block-button__link:hover,.is-style-outline .wp-block-button__link:focus{background-color:var(--facil-color);} .wp-block-getwid-custom-post-type__post-title a:hover,.wp-block-getwid-post-carousel__post-title a:hover,.wp-block-getwid-recent-posts__post-title a:hover{color:var(--facil-color)} .wp-block-getwid-images-slider .slick-arrow:hover,.wp-block-getwid-media-text-slider .slick-arrow:hover,.wp-block-getwid-post-slider .slick-arrow:hover,.wp-block-getwid-post-carousel .slick-arrow:hover{background:var(--facil-color);} .wp-block-getwid-images-slider.has-arrows-inside .slick-arrow:hover,.wp-block-getwid-media-text-slider.has-arrows-inside .slick-arrow:hover,.wp-block-getwid-post-slider.has-arrows-inside .slick-arrow:hover,.wp-block-getwid-post-carousel.has-arrows-inside .slick-arrow:hover{background:var(--facil-color);} :root .has-red-color{color:var(--facil-color)} :root .has-red-background-color{background-color:var(--facil-color)} /* UIKIT Color Override */ :root { --success-base: #32d296; --danger-base: #f0506e; --warning-base: #faa05a; --highlight-bg: #ffd; --selection-bg: #39f; } .uk-link, .uk-link-heading a:hover, .uk-link-toggle:hover .uk-link-heading, a.uk-link-heading:hover, .uk-list-primary > ::marker, .uk-notification-message-primary, .uk-alert-primary {color:var(--facil-color);} .uk-text-primary {color:var(--facil-color) !important;} .uk-link-toggle:hover .uk-link, .uk-link:hover {color: color-mix(in srgb, var(--facil-color), black 20%);} .uk-tab a:visited {color:#999;} .uk-input:focus, .uk-select:focus, .uk-textarea:focus, .uk-checkbox:focus, .uk-radio:focus, .uk-search-default .uk-search-input:focus, .uk-search-navbar .uk-search-input:focus, .uk-search-medium .uk-search-input:focus, .uk-search-large .uk-search-input:focus, .uk-tab > .uk-active > a {border-color:var(--facil-color);} .uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked, .uk-button-primary, .uk-section-primary, .uk-tile-primary, .uk-card-badge, .uk-card-primary, .uk-card-primary.uk-card-hover:hover, .uk-badge, .uk-label, .uk-subnav-pill > .uk-active > a, .uk-background-primary {background-color:var(--facil-color);} .uk-progress::-webkit-progress-value {background-color:var(--facil-color);} .uk-progress::-moz-progress-bar {background-color:var(--facil-color);} .uk-alert-primary {background: color-mix(in srgb, var(--facil-color), white 80%);} .uk-button-primary:hover {background-color: color-mix(in srgb, var(--facil-color), black 10%);} .uk-button-primary.uk-active, .uk-button-primary:active, .uk-checkbox:checked:focus, .uk-checkbox:indeterminate:focus, .uk-radio:checked:focus {background-color: color-mix(in srgb, var(--facil-color), black 20%);} .uk-text-background {background-color: var(--facil-color);background-image:linear-gradient(90deg, var(--facil-color) 0, #411ef0 100%)} ::selection { background: var(--selection-bg); color: #fff; } :not(pre) > code, :not(pre) > kbd, :not(pre) > samp, em { color: var(--danger-base); } ins, mark, .uk-table-hover tbody tr:hover, .uk-table-hover > tr:hover, .uk-table tbody tr.uk-active, .uk-table > tr.uk-active { background: var(--highlight-bg); } .uk-form-success, .uk-form-success:focus, .uk-notification-message-success, .uk-text-success { color: var(--success-base) !important; } .uk-form-success, .uk-form-success:focus { border-color: var(--success-base); } .uk-label-success { background-color: var(--success-base); } .uk-alert-success { color: var(--success-base); background: color-mix(in srgb, var(--success-base), white 92%); } .uk-form-danger, .uk-form-danger:focus, .uk-notification-message-danger, .uk-text-danger { color: var(--danger-base) !important; } .uk-form-danger, .uk-form-danger:focus { border-color: var(--danger-base); } .uk-label-danger, .uk-button-danger { background-color: var(--danger-base); } .uk-button-danger:hover { background-color: color-mix(in srgb, var(--danger-base), black 10%); } .uk-button-danger:active, .uk-button-danger.uk-active { background-color: color-mix(in srgb, var(--danger-base), black 20%); } .uk-alert-danger { color: var(--danger-base); background: color-mix(in srgb, var(--danger-base), white 95%); } .uk-notification-message-warning, .uk-text-warning { color: var(--warning-base) !important; } .uk-label-warning { background-color: var(--warning-base); } .uk-alert-warning { color: var(--warning-base); background: color-mix(in srgb, var(--warning-base), white 92%); } /* flatpickr Color Override */ .flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:var(--facil-color);} .flatpickr-day.today{border-color:var(--facil-color);} .flatpickr-day.today:hover,.flatpickr-day.today:focus{ border-color:var(--facil-color);background:var(--facil-color);} .flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:var(--facil-color)} .flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay {background:var(--facil-color);border-color:var(--facil-color);} .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #333;box-shadow:-10px 0 0 #333} .flatpickr-day.week.selected{-webkit-box-shadow:-5px 0 0 #333,5px 0 0 #333;box-shadow:-5px 0 0 #333,5px 0 0 #333} /* flatpickr Override */ .flatpickr-days { align-items: flex-start !important; } .dayContainer { justify-content: flex-start !important; min-height: auto !important; max-height: none !important; } .flatpickr-day { height: 40px !important; line-height: 40px !important; flex-basis: 14.2857% !important; max-width: none !important; } /* FontAwesome Color　Override */ i.fas, i.far {color:var(--facil-color);} @media (min-width: 992px) { .mobile-navigation { display:block; } } /* Header Sticky */ .site-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 10; background-color: transparent; color: #FFF; transition: all 0.3s ease; } .site-header .site-title a, .site-header .main-navigation a { color: #FFF; } .site-header.scrolled { background-color: rgba(255,255,255,0.5); box-shadow: 0 2px 10px rgba(0,0,0,0.1); padding: 10px 1.5rem; } .site-header.scrolled .site-title a, .site-header.scrolled .main-navigation a { color: var(--facil-color); } .site-header.scrolled .wp-block-button a.wp-block-button__link, .site-header.scrolled .wp-block-button a.wp-block-button__link:visited { background-color: #FFF; } .site-header.scrolled .wp-block-button a.wp-block-button__link:hover, .site-header.scrolled .wp-block-button a.wp-block-button__link:focus, .site-header.scrolled .wp-block-button a.wp-block-button__link:active { background-color: var(--facil-color); } .site-header.scrolled div.site-branding img.custom-logo { filter: none; height: 5rem; width: auto; } .site-header.scrolled .sidebar-open i { background-color: var(--facil-color); } .admin-bar .site-header { top: 32px !important; } @media screen and (max-width: 782px) { .admin-bar .site-header { top: 46px !important; } } @media screen and (max-width: 639px) { .site-branding { padding-right: 0; } .sidebar-open { margin-left: 1rem; } } /* First Scroll */ #topmovie .uk-flex-column {height: 200px; background: transparent;} #topmovie .scroll-text {color: #fff;font-size: 11px;letter-spacing: 0.3em;margin-bottom: 15px;font-weight: 300;} #topmovie .anim-line {stroke-dasharray: 60;stroke-dashoffset: 60;animation: scroll-line-anim 2.5s cubic-bezier(0.42, 0, 0.58, 1) infinite;} @keyframes scroll-line-anim { 0% { stroke-dashoffset: 60; transform: scaleY(0); transform-origin: top; } 40% { stroke-dashoffset: 0; transform: scaleY(1); transform-origin: top; } 60% { stroke-dashoffset: 0; transform: scaleY(1); transform-origin: bottom; } 100% { stroke-dashoffset: -60; transform: scaleY(0); transform-origin: bottom; } } .quickrsv div button { border: 1px solid #e5e5e5; } /* 部屋一覧のリンク */ .stretched-link-container { position: relative; } .wp-block-post-title a::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } .uk-overlay { pointer-events: none; } /* offers */ .entry-content:has(.offer-detail) .for-offer-list { display: none; } .link-container { display: flex; justify-content: center; } .arrow-link { color: #333; text-decoration: none; font-weight: 500; text-align: center; } .arrow-link::after { content: '→'; display: inline-block; margin-left: 6px; transition: transform 0.2s; color: inherit; } .arrow-link:hover::after { transform: translateX(3px); } /* 新着情報バナー */ .uk-inline { overflow: hidden; position: relative; /* これが Stretched Link の基準になります */ } .custom-outline-text { color: #fff !important; font-weight: 800; -webkit-text-stroke: 2px #000; paint-order: stroke; filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.5)); font-size: 1.5rem; pointer-events: none; position: relative; z-index: 20; } .custom-outline-text a { color: inherit !important; text-decoration: none !important; pointer-events: auto; } .custom-outline-text a::before { content: ""; position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 15; }