/* Theme Name: Component Blox Child Theme Author: Component Blox Description: Bootstrap Component Blox Child Theme Version: 1.0 Template: bootstrap-component-blox-master font-family: 'Cormorant Garamond', serif; font-family: 'Noto Sans JP', sans-serif; font-family: 'Pinyon Script', cursive; font-family: 'Shippori Mincho', serif; */ @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Noto+Sans+JP:wght@400;500;600;700;800;900&family=Pinyon+Script&family=Shippori+Mincho:wght@400;500;600;700&display=swap'); html{scroll-padding-top:80px;} body{font-family: 'Noto Sans JP', sans-serif;font-weight: 400;font-size: 14px;line-height: 1.6;overflow-x: hidden;} .grecaptcha-badge { visibility: hidden; } a:hover{opacity: .8} p{line-height: 1.8;} a{color: #333;text-decoration: none;} h1,h2,h3,.h1,.h2,.h3{font-family: 'Shippori Mincho', serif;font-weight: 500;} .h2,h2{margin:0 0 2rem;} .h3,h3{margin: 1rem 0 1rem;font-size: 1.25rem;line-height: 1.4;font-weight: 600;} .h4,h4{margin: .5rem 0 1rem;font-size:1rem;line-height: 1.4;} hr {display: block;margin: 4rem auto;width: 100%; height: 1px;border-top: 1px solid #e0e0e0;opacity: 1;} ul.list01 {padding: 0 0;text-align: left;} ul.list01 li{padding-left:1.25rem;line-height: 2; list-style: none;position: relative; } ul.list01 li:before{display: inline-block;content: "\f00c";font-family: "Font Awesome 6 Free";font-weight: 600;font-size: .675rem;position: absolute;left:.25rem;top: 5px;} ul.list01 li + li{border-top: 1px solid #e0e0e0} ul.list01 li small{display: block;} .list02{display: flex;flex-wrap: wrap;list-style: none} .list02 li{display: inline-block;margin: .5rem; padding: 0 1rem;line-height: 2rem;background: #fff;} ul.att{padding-left: 1rem;} ul.att li{list-style: none;position: relative;} ul.att li:before{display: inline-block;content: "\2a";font-family: "Font Awesome 6 Free";font-weight: 600;font-size: .675rem;position: absolute;left: -1rem;top: 4px;color: firebrick} @media (min-width: 1200px){.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1320px;}} @media (max-width: 992px){ html{scroll-padding-top: 60px;} } @media (min-width: 768px){ a[href^="tel:"] {pointer-events: none;} } @media (max-width: 767px){ hr {display: block;margin: 1.5rem auto;} } @media (max-width: 575px){ body{font-size: 14px;} .h2,h2{font-size: 1.25rem;} } .u_line{ background: linear-gradient(transparent 76%, #F5DCE4 50%);font-weight: 400;} .ul-center{display: flex;justify-content: center;} .ul-center ul{margin-bottom: 0;} p.lead{display: inline-block;padding:0;font-size: 1rem;font-weight: 400;line-height: 2;} .btn{display:inline-block;padding: .8rem 3rem .8rem 3rem;text-align: center;color: #fff;font-weight: 400;line-height:1;border:none;position: relative;transition-duration: 0.2s;border-radius: 0;z-index: 1} .btn span{position: relative;z-index: 1;} .btn font{display: block;padding-top: .3rem; font-size: .675rem;} .btn:after,.btn:before{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;background:rgba(148,161,179,.50);transition: transform .2s ;z-index: 0} .btn:after{transform: translate(3px, 3px) } .btn:before{transform: translate(-3px, -3px)} .btn:hover:after,.btn:hover:before{transform: translate(0)} .btn:hover{color: #fff} .btn + .btn{margin-left: 2rem;} .wp-block-button__link{background:rgba(148,161,179,1);border-radius: 0;} .btn.white{display:inline-block;padding: .8rem 3rem .8rem 3rem;text-align: center;color: #46505D;font-weight: 400;line-height:1;border:none;position: relative;transition-duration: 0.2s;border-radius: 0;z-index: 1} .btn.white:after,.btn.white:before{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;background:rgba(233,240,241,.50);transition: transform .2s ;z-index: 0} .btn.white:after{transform: translate(3px, 3px) } .btn.white:before{transform: translate(-3px, -3px)} .btn.white:hover:after,.btn:hover:before{transform: translate(0)} .btn.white:hover{color: #46505D} .breadcrumbs{padding: 0.3rem 1rem;font-size: .75rem;overflow: hidden;width: 100%;white-space: nowrap;} @media only screen and (max-width: 575px) { .breadcrumbs{padding: 0.3rem .5rem;font-size: .675rem;} } pre.wp-block-code{font-size: .875rem;font-family: 'Noto Sans JP', sans-serif;font-weight: 400;} header{position: fixed;top: 0;width: 100%;background: none;z-index:9999} .navbar-nav {height: 80px; align-items: center;text-align: center;} .navbar-nav .contact a.nav-link{border: 1px solid rgba(255,255,255,.8); padding: 0.5rem 0.8rem !important;border-left: none;} .navbar-nav .yoyaku a.nav-link{background: rgba(255,255,255,.8);border: 1px solid rgba(255,255,255,.8);color: #000 !important; padding: 0.5rem 0.8rem !important;margin-left: .5rem} .navbar-nav .contact a.nav-link:hover{background: rgba(255,255,255,.2);} .navbar-nav .yoyaku a.nav-link:hover{background: rgba(255,255,255,.6);} .navbar-nav .mypage a.nav-link{width: 80px;height: 80px;padding: 20px 0 0 !important; color: #fff !important;position: relative;} .navbar-nav .mypage a.nav-link:hover{color: #fff;} .navbar-nav .mypage a.nav-link:after{display: block;position: absolute;content: "予約状況";bottom: 16px;width: 100%;left: 0;font-size: 0.625rem ;transform: scale(.8)} .navbar>.container-fluid{align-items: flex-start;padding: 0 0;} #navbar-brand-logo{display:block;align-items: center;margin-right: 0; padding: 24px 1rem; width: 280px;height: 80px;} .home #top01 #navbar-brand-logo{display: block !important;position: absolute;left: 0;right: 0;margin: 0 auto;top: calc(50% - 100px);z-index: 2} .home #navbar-brand-logo{} .home #navbar-brand-logo.active{display:block;} #navbar-brand-logo h1,#navbar-brand-logo .h1{display: flex;justify-content: center;flex-wrap: wrap;align-content: center; width: 160px;height: 160px;margin-top: -5px;margin-bottom: 0;color: #fff; font-size: 36px;font-family: 'Shippori Mincho', serif;line-height: 1.3;text-align: center;background:#000099;color: #fff;} .home #navbar-brand-logo h1,.home #navbar-brand-logo .h1{width: 200px;height: 200px; margin: 0 auto 0;font-size: 40px;} #navbar-brand-logo.active h1{margin-top: -5px !important} #navbar-brand-logo h1 span,#navbar-brand-logo .h1 span{display: block;font-size: 14.5px} .home #navbar-brand-logo h1 span,.home #navbar-brand-logo .h1 span{display: block;font-size: 16px} #bcb-main-navbar{z-index: 0; background:rgba(70,80,93,.70);} #toggler{position: fixed;right: 0;top: 0;padding: 0; background: #94A1B3;border-radius: 0;border: none} .navbar-toggler-icon{margin: 30px;padding: 0 0;width: 30px;height: 20px;background: none; border-top: 1px solid #fff;border-bottom: 1px solid #fff;} header .nav-link {} #nav-header .dropdown-menu{border: none;} .offcanvas.offcanvas-end{background: #c3c0d8} footer{margin: 0 0 ;padding: 4rem 0 0 0; background:#73778C;color: #fff;} footer a{color: #fff;} footer img{max-width: 200px;display: block;margin: 0 auto 0rem;} .f_logo a .h1{margin-bottom: 1rem;font-size: 1.125rem;font-family: 'Shippori Mincho', serif;line-height: 1.3;text-align: center;color: #fff;} .f_logo a span{display: block; margin: 0 auto 0;font-size: 1rem;max-width: 200px;text-align: right;} footer .annai{margin: 0 0 .3rem 0;} footer h4{margin: 0 0 0.8rem; padding: 0 0.3rem 0.3rem;color: #fff;font-weight: 400;letter-spacing: 2px;font-family: 'Shippori Mincho', serif;border-bottom: 1px dotted #fff;} .f_nav ul.menu{margin: 0 0 0;padding: 0 ;list-style: none;} .f_nav ul.menu li{display:block;margin: 0 0;padding: 0 0 0 1rem;list-style: none;line-height:2;position: relative} .f_nav ul.menu li:after {content: "-";color: #fff; top: 0;left: 0.3rem; position: absolute;} .f_nav ul.menu li a{letter-spacing: 2px;color: #fff;} footer a.btn{margin:0 0 1rem 0 !important; padding: 0.8rem 0 0.8rem 0 !important;width: 100%;} .sns img{max-width: 16px;width: 100%;vertical-align: revert;} .sns svg{vertical-align: revert;} .sns{margin: 0 0;padding: 0 0; list-style: none;display: flex;justify-content: center; align-content: center;font-size: 1.25rem;} .sns li{padding:0 0.5rem;} .f-info ul{margin: 0 0 0 0;padding: 0 0 0 0;} .f-info ul li{list-style: none;} .f-info ul li + li{margin-left: 1rem;} .site-info{margin-top: 4rem; padding: 1rem; background:#3e404c;font-size: 12px; letter-spacing: 2px;padding-left: 2px;} .site-info,.site-info a{color: #fff;} @media (min-width: 1072px){ header .navbar-expand-lg .navbar-nav .nav-link{padding:0 1rem;letter-spacing: 2px;} } @media (min-width: 993px){ .navbar-expand-lg .navbar-collapse{width: 100%;justify-content: flex-end;z-index: 10;} header .navbar-expand-lg .offcanvas .offcanvas-body{justify-content: flex-end;} header .nav-link{color: #333;} header .navbar-expand-lg .navbar-nav{justify-content: flex-end;} header .navbar-expand-lg .navbar-nav .nav-link{padding:0 .5rem;letter-spacing: 2px;color: #fff;} } @media (max-width: 992px) { header{height: 55px;} #navbar-brand-logo{padding: 11px 1rem;width: 238px;height: auto;} .navbar-toggler-icon{margin: 20px; width: 20px;height: 15px;} .navbar-collapse.active,.navbar-collapse{margin-top:0px;} .navbar-nav{ height: auto;border:none;background: #94A1B3;} .navbar-nav li{width: 100%; text-align: center;} .navbar-nav li + li{border-top: 1px solid #e0e0e0} header .nav-link{font-weight: 400;color: #fff;padding: 9px 0 9px 2px;letter-spacing: 2px;} .navbar-nav .yoyaku a.nav-link{margin-left: 0;background: none;color: #fff !important;border: none;} .navbar-nav .contact,.navbar-nav .mypage {display: none;} #gnav{position: fixed; right: 65px; top: 0;} .c-gnav{display: flex;list-style: none} .c-gnav a{display: block;padding-top: 9px;height: 55px;width: 50px; text-align: center;position: relative;} .c-gnav a:after{display: block;position: absolute;color: #fff;bottom: 3px;width: 100%;left: 0;right: 0;margin: 0 auto; font-size: .625rem;transform: scale(.8)} .c-gnav .mypage a:after{content: "予約状況";} .c-gnav .tel a:after{content: "お電話";} .c-gnav .contact a:after{content: "お問い合せ";} footer{padding: 3rem 0 50px;} footer h4{margin: 1rem 0 .8rem 0;} .site-info{margin-top: 1rem; padding: 1rem;font-size: 10px;letter-spacing: 2px;} .navbar-collapse {background: #94A1B3;} .navbar-collapse .sns { color: #fff;border-top: 1px solid #fff;} .navbar-collapse .sns li{padding: .5rem 1rem;} .navbar-collapse .sns i{color: #fff;} } @media (max-width: 767px) { footer img{max-width: 180px; } .f_logo a .h1{margin: 0 auto 1.5rem;max-width: 180px;} .f_logo a span{font-size: .9rem;} footer .btn.white{margin-bottom: 0.5rem !important;} .f_nav ul.menu{display: flex;flex-wrap: wrap;} .f_nav ul.menu li{width: 50%;margin: 0rem auto;padding: 0 0;} .f_nav ul.menu li:after{top: 7px;left: 0px;} .f_nav .menu li a{display: block;padding:.5rem 0 .5rem .8rem} } @media only screen and (max-width: 575px) { #navbar-brand-logo{ padding: 11.5px 1rem;width: 160px;} #navbar-brand-logo h1, #navbar-brand-logo .h1{ width: 120px;height: 120px;font-size: 24px;} #navbar-brand-logo h1 span,#navbar-brand-logo .h1 span{font-size: 10px;} } .wp-content {min-height: 20vw;} @media (max-width: 575px){.wp-content {min-height: 50vw;}} #top01{position: relative;} #top01 .main_pop{width: 100%;position: absolute;transform: translate(-50%,-50%);top: calc(50% + 40px);left: 50%;z-index: 99;color: #fff;text-align: center;} #top01 .main_pop .logo{display: block;margin: 0 auto 1rem; width:300px; filter: drop-shadow(0 0 10px rgba(0,0,0, 0.2))drop-shadow( 0 0 3px rgba(0,0,0, 0.3))drop-shadow(0 0 15px rgba(0,0,0, 0.1))drop-shadow(0 0 1px rgba(0,0,0, 0.3));} #top01 .main_pop h1{font-size: 1.75rem;font-weight: 600;line-height: 1; font-family: 'Shippori Mincho', serif;text-shadow:0 0 1px rgba(0,0,0, 0.8), 0 0 3px rgba(0,0,0, 0.5), 0 0 6px rgba(0,0,0, 0.5),0 0 10px rgba(0,0,0, 0.3), 0 0 15px rgba(0,0,0, 0.2), 0 0 40px rgba(0,0,0, 0.5), 0 0 60px rgba(0,0,0, 0.7)} #top01 .main_pop h1 span{display: block;text-align: right;width: 300px;font-weight: 600; margin: -20px auto 3rem;font-size: 1.5rem;} @media (max-width: 991px){ #top01 .main_pop h1{font-size: 1.25rem;} } .swiper:before{display: block;content: ""; position: absolute;width: 100%;height: 100%;} [class*=swiper]:focus {outline: none;} .slide-media,.thumb-media {position: relative;overflow: hidden;} .slide-media img,.thumb-media img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover; object-fit: cover;} .swiper-button-prev, .swiper-button-next {display: grid;place-content: center;width: 6.4rem;height: 6.4rem;cursor: pointer;-webkit-transition: var(--transition);transition: var(--transition);} .swiper-button-prev::before, .swiper-button-next::before {position: absolute;top: 0;right: 0;bottom: 0;left: 0;content: "";border-radius: 50%;-webkit-box-shadow: var(--box-shadow); box-shadow: var(--box-shadow);} .swiper-button-prev::after, .swiper-button-next::after {width: 1.2rem;height: 1.2rem;content: "";border: solid var(--color-gray);border-width: 3px 3px 0 0;} .swiper-button-prev::after {margin-left: 0.4rem;-webkit-transform: rotate(-135deg); transform: rotate(-135deg);} .swiper-button-next::after {margin-right: 0.4rem;-webkit-transform: rotate(45deg); transform: rotate(45deg);} .swiper-button-disabled {pointer-events: none;opacity: 0;} .mv01 .swiper-fade .swiper-slide {-webkit-transition-property: opacity, -webkit-transform !important;transition-property: opacity, -webkit-transform !important;transition-property: opacity, transform !important;transition-property: opacity, transform, -webkit-transform !important;pointer-events: none;} .mv01 .swiper-fade .swiper-slide-active {pointer-events: auto;} .mv01 .swiper-pagination {position: absolute;z-index: 1;top: 0;bottom: 0;left: 3.2rem;height: -webkit-max-content;height: -moz-max-content;height: max-content;margin: auto;} .mv01 .swiper-pagination-bullet {display: block;width: 3px;height: 4rem;cursor: pointer;-webkit-transition: var(--transition);transition: var(--transition);background-color: rgba(255, 255, 255, 0.4);border-radius: 0;} .mv01 .swiper-pagination-bullet:not(:first-child) {margin-top: 0.8rem;} .mv01 .swiper-pagination-bullet-active {background-color:rgba(195,192,216,.60);} .mv01 .slide-media {height: 700px;} .mv01 .slide-media img {-webkit-transition: 7s 1s ease-out;transition: 7s 1s ease-out;} .mv01 .slide-title {font-size: 4rem;font-weight: normal;line-height: 1.6;position: absolute;right: 8rem;bottom: 15%;margin-left: 16rem;text-align: right;color: #fff;} .mv01 .swiper-slide[class*=-active] .slide-media img {-webkit-transition-delay: 0s; transition-delay: 0s;-webkit-transform: scale(1.05); transform: scale(1.05);} .mv01 .swiper-slide[class*=-active] .slide-title {-webkit-animation: mv01-fadeIn 2s 0.5s var(--easing) both; animation: mv01-fadeIn 2s 0.5s var(--easing) both;} @-webkit-keyframes mv01-fadeIn {0% {-webkit-transform: scale(0.5);transform: scale(0.5); opacity: 0; -webkit-filter: blur(300px);filter: blur(300px);} 100% {-webkit-transform: scale(1);transform: scale(1); opacity: 1; -webkit-filter: blur(0);filter: blur(0);} } @keyframes mv01-fadeIn {0% {-webkit-transform: scale(0.5);transform: scale(0.5); opacity: 0; -webkit-filter: blur(300px);filter: blur(300px);} 100% {-webkit-transform: scale(1);transform: scale(1); opacity: 1; -webkit-filter: blur(0);filter: blur(0);} } @media only screen and (max-width: 599px) { #top01 .main_pop .logo{max-width: 180px;margin: 0rem auto 1rem;display: block} #top01 .main_pop h1{font-size: 1rem;} #top01 .main_pop h1 span{ margin: -16px auto 3rem;width: 180px;font-size: .9rem;} .mv01 .slide-media {height: 400px;} } @media only screen and (min-width: 1025px) { .swiper-button-prev::before, .swiper-button-next::before {-webkit-transition: var(--transition); transition: var(--transition);} .swiper-button-prev:hover::before, .swiper-button-next:hover::before {-webkit-transform: scale(1.2);transform: scale(1.2);} } #news{padding: 2rem 0;} #news h2{margin-bottom: 0;font-family: 'Cormorant Garamond', serif;color: #94A1B3;text-align: center;line-height: 1;} .news_box{padding: 0 1.5rem;} #news dl{display: flex;align-content: center;align-items: center;margin: 0;width: 100%;} #news dl + dl{border-top: 1px solid #e0e0e0;margin-top: .5rem;padding-top: .5rem} #news dt{margin: 0 1rem 0 0;color:#323232;line-height: 1.4;font-weight: 400;} #news dd{margin: 0;padding: 0;line-height: 1.4;} @media only screen and (max-width: 1200px) { } @media only screen and (max-width: 1100px) { } @media only screen and (max-width: 993px) { } @media (max-width: 767px) { #news h2{margin-bottom: 1rem;} } @media (max-width: 575px){ .news_box{padding: 0 0;} #news dl{display: block} #news dt{margin: 0 0 .2rem;padding: 0 0;font-size: 12px;} #news dd{margin: 0 0;padding: 0 0;} } .top04{ padding:0;background-image: url(/wp-content/uploads/bg04.jpg);background-size: 100% auto;position: relative;} .top04 h2{display: block;width: 100%; margin-bottom: 1rem;font-family: 'Cormorant Garamond', serif;color: #94A1B3; text-align: center;line-height: 1;} .top04 .img{} .top04 .img a{} .top04 img{width: 100%;height: auto;} .top04 .col-md-2{display: flex;flex-wrap: wrap; justify-content: center;align-items: center; align-content: center;} .top04 .row .row {} .top04 .row .row .col-6{border-left: 1px solid #e0e0e0;} .top04 .row .row .col-6:nth-child(n + 5){border-top:1px solid #e0e0e0; } .top04 .btn{ padding: 0.5rem 2rem 0.5rem 2rem;} .top04 .box{display: flex;flex-wrap: wrap;align-content: center;height: 100%;} .top04 .box h3{font-size: 1rem;border-bottom: 1px solid #e0e0e0;padding:0 0 .5rem;margin:0 0 .4rem;font-weight: 400;} .top04 .box a{display: block; width: 100%;} @media (max-width: 1061px){ .top02{background-size: auto 100%;} } @media (max-width: 992px){ .top04 h3{font-size: .875rem;} } @media (max-width: 790px){ .top04{ background-size: auto 100%;} } @media (max-width: 767px) { .top04{padding: 2rem 0 0} .top04 .btn{margin-bottom: 2rem} .top04 .row .row .col-6{border-top: 1px solid #e0e0e0;} } .about04{padding: 5rem 0 5rem;background: #EAEFF6;} .about04 img{display: block;margin: 0 0 0;width: 100%;} .about04 .btn{margin-top: 1rem;} @media (max-width: 575px){ p.lead{font-size: .875rem;} .top04 h2{ font-size: 1.625rem; letter-spacing: 3px;padding-left: 4px;} .about04 .d-flex{flex-wrap: wrap;} .about04 .btn{width: 90%;} .about04 .btn + .btn{margin-left: 0;} } .gallery01 {overflow: hidden;} .gallery01 .swiper {margin: auto;} .gallery01 .swiper-main {overflow: visible;} .gallery01 .swiper-thumb {padding-top: 8px;} .gallery01 .swiper-fade .swiper-slide {-webkit-transition-property: opacity, -webkit-transform !important;transition-property: opacity, -webkit-transform !important;transition-property: opacity, transform !important;transition-property: opacity, transform, -webkit-transform !important;pointer-events: none;} .gallery01 .swiper-fade .swiper-slide-active {pointer-events: auto;} .gallery01 .swiper-controller {position: absolute;top: 0;left: 0;width: 100%;padding-top: 62.5%;} .gallery01 .swiper-button-prev, .gallery01 .swiper-button-next {position: absolute;z-index: 1;top: 0;bottom: 0;margin: auto;} .gallery01 .swiper-button-prev {right: calc(100% + 3.2rem);} .gallery01 .swiper-button-next {left: calc(100% + 3.2rem);} .gallery01 .swiper-scrollbar {position: relative;margin-top: 1.6rem;} .gallery01 .swiper-scrollbar::after {position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;width: 100%;height: 4px;margin: auto;content: "";background-color: #eee;} .gallery01 .swiper-scrollbar-drag {height: 20px;padding: 8px 0;cursor: pointer;background-color: var(--color-theme);background-clip: content-box;} .gallery01 .swiper-scrollbar-drag:active {background-color: var(--color-theme-darken);} .gallery01 .slide {display: block;margin: 0 0 0 0; overflow: hidden;} .gallery01 .slide-media {padding-top: 66.66666666%;border-radius: 4px;} .gallery01 .slide-media img {-o-object-fit: contain; object-fit: contain;} .gallery01 .slide-title {font-weight: bold;line-height: 1.6;padding: 3.2rem 0;} .gallery01 .thumb-media {padding-top: 100%;-webkit-transition: var(--transition);transition: var(--transition);border-radius: 4px;} .gallery01 .thumb-media img {height: calc(100% + 0);-webkit-transition: var(--transition);transition: var(--transition);-webkit-transform: translateY(0); transform: translateY(0);} .gallery01 .swiper-slide-thumb-active {-webkit-transition: var(--transition);transition: var(--transition);opacity: 0.3;} .gallery01 .swiper-slide-thumb-active .thumb-media {-webkit-transform: translateY(0); transform: translateY(0);} .gallery01 .swiper-slide-thumb-active .thumb-media img {-webkit-transform: translateY(0); transform: translateY(0);} @media only screen and (max-width: 1024px) { .gallery01 .swiper-button-prev::before, .gallery01 .swiper-button-next::before {background-color: rgba(0, 0, 0, 0.3); -webkit-box-shadow: var(--box-shadow-dark); box-shadow: var(--box-shadow-dark);} .gallery01 .swiper-button-prev::after, .gallery01 .swiper-button-next::after {border-color: #fff;} .gallery01 .swiper-button-prev {right: calc(100% - 3.2rem);} .gallery01 .swiper-button-next {left: calc(100% - 3.2rem);} } @media only screen and (min-width: 1025px) { .gallery01 .swiper-scrollbar-drag:hover {background-color: var(--color-theme-darken);} .gallery01 .thumb-media:hover {-webkit-transform: translateY(0); transform: translateY(0);opacity: 0.7;} .gallery01 .thumb-media:hover img {-webkit-transform: translateY(0); transform: translateY(0);} } .rooms02{padding: 6rem 0;} .rooms02 hr{display: block;margin: 4rem auto;width: 100%;height: 1px;border-top: 1px solid #e0e0e0;opacity: 1;} .rooms02 .col-12{position: relative} .rooms02 .box{padding: 0 2rem; position: absolute;transform: translate(0,-50%);top: 50%;left:0;width: 100%;;} .rooms02 img.logo {display: block;margin: 0 auto 2rem !important; max-width: 100px;} .rooms02 .big{ display: inline-block;padding: 0 0.4rem 0 0.3rem;font-size: 3rem;font-family: 'Pinyon Script', cursive;} .rooms02 h3{margin-bottom: 0; font-size: 2rem;} .rooms02 .box h4{font-size: 1.25rem; font-family: 'Shippori Mincho', serif;} .rooms02 .box table{width: 100%;} .rooms02 .box th span{ line-height: 2;padding: 0 1rem;background: #EAF1F6;} .rooms02 .box th,.rooms02 .box td{padding: 0.1rem 0rem;font-weight: 400;} .rooms02 .box th{width: 80px} .rooms02 .box atd{padding: 0.1rem 0.3rem;} .rooms02 .col-4 img{width: 100%;display: block;margin: 1.5rem 0 .5rem;} .rooms02 .col-4 h4{margin: 0 0 ; font-size: 1rem; font-family: 'Noto Sans JP', sans-serif;font-weight: 400; text-align: center;} .rooms02 .col-4 h4 span{display: block;font-size: .675rem;font-weight: 500;color: #666;} .rooms02 .price font{display: inline-block;margin: 1rem auto 0;font-size: .875rem;line-height: 2;padding: 0 1rem;background: #EAF1F6;} .rooms02 .table {margin-bottom: 0;} .rooms02 .table table{width: 100%;border-bottom: 1px solid #e0e0e0;border-left: 1px solid #e0e0e0;} .rooms02 .table table tr{border: none;} .rooms02 .table th{min-width: 130px;} .rooms02 .table th span{ line-height: 2;padding: 0 1rem;background: #EAF1F6;} .rooms02 .table th,.rooms02 .table td{padding: .3rem;font-weight: 400;text-align: center;border-top: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;} .rooms02 .zei{display: block;text-align: right;} .rooms03 {padding: 0 0 6rem;} .rooms03 .main_pop{margin: 0 0 2rem; padding: 0 0 ; min-height: 30vh;background-attachment: fixed;background-size: cover;background-position: center;position: relative;} .rooms03 .main_pop{background-image: url(/wp-content/uploads/loungeroom.jpg);} .rooms03.rooms04 .main_pop{background-image: url(/wp-content/uploads/workroom.jpg);} .rooms03.rooms05 .main_pop{background-image: url(/wp-content/uploads/otherroom.jpg);} .rooms03.rooms06 .main_pop{background-image: url(/wp-content/uploads/meetingroom01.jpg);} .rooms03 h2{width: 100%; margin: 0 0 ; text-align: center;color: #fff;position: absolute;transform: translate(-50%,-50%);left: 50%;top: 50%; text-shadow: 0 0 1px rgba(0,0,0, 0.8), 0 0 3px rgba(0,0,0, 0.5), 0 0 6px rgba(0,0,0, 0.5), 0 0 10px rgba(0,0,0, 0.3), 0 0 15px rgba(0,0,0, 0.2), 0 0 40px rgba(0,0,0, 0.5), 0 0 60px rgba(0,0,0, 0.7);font-weight: 600;} .rooms03 .col-4 img{width: 100%;display: block;margin: 1.5rem 0 .5rem;} .rooms03 .col-4 h4{margin: 0 0 ; font-size: 1rem; font-family: 'Noto Sans JP', sans-serif;font-weight: 400; text-align: center;} .rooms03 .col-4 h4 span{display: block;font-size: .675rem;font-weight: 500;color: #666;} .rooms05 {padding: 0 0 5rem;} .rooms05 h2{margin: 0 0 ; text-align: center;position: absolute;transform: translate(-50%,-50%);left: 50%;top: 50%;} .rooms05 .col-12 img{width: 100%;display: block;margin: 1.5rem 0 .5rem;} .rooms05 p{text-align: left;} .rooms05 h3{margin-bottom: .5rem} .rooms05 .type_area{display: flex;justify-content: center;margin-bottom: .5rem;} .rooms05 .type_area span{padding: .3rem .5rem;line-height: 1; font-size: .875rem;background:#DAF0F6;} .rooms05 .type_area span.type02{background:#CCF5E0} .rooms05 .type_area span + span{margin-left: 1rem;} @media (max-width: 992px){ .rooms02 .box{position: static;transform: translate(0,0%);} } @media (max-width: 767px) { .rooms02{ padding: 3rem 0;} .rooms02 .container{padding-right: calc(var(--bs-gutter-x) * 1);padding-left: calc(var(--bs-gutter-x) * 1);} .rooms02 .col-4{ padding-right: calc(var(--bs-gutter-x) * .25);padding-left: calc(var(--bs-gutter-x) * .25);} .rooms02 .col-4 img{margin: 0.5rem 0 0.5rem;} .rooms02 h3{margin-top: 2rem; font-size: 1.25rem;} .rooms02 .box h3{display: inline-block;font-size: 1.25rem} .rooms02 .box h4{display: inline-block;font-size: 1.125rem;padding-left: 1rem;} .rooms02 p.lead{margin-bottom: 1rem} .rooms02 hr{ margin: 1.5rem auto 0} .rooms02 .box{padding: 0 0rem;} .rooms02 .col-4 h4,.rooms03 .col-4 h4{font-size: .75rem;} .rooms03,.rooms05{ padding: 0 0 3rem;} .rooms03 .container{padding-right: calc(var(--bs-gutter-x) * 1);padding-left: calc(var(--bs-gutter-x) * 1);} .rooms03 p.lead{ text-align: left} .rooms03 .col-4{ padding-right: calc(var(--bs-gutter-x) * .25);padding-left: calc(var(--bs-gutter-x) * .25);} .rooms03 .col-4 img{margin: 0.5rem 0 0.5rem;} .rooms03 .main_pop{margin: 0 0 1.5rem;background-attachment: unset;background-size: 100% auto;} .rooms05 p.lead{ margin: 0 0 0;} } .rooms06 .col-12 img{width: 100%;display: block;} .rooms06 ul{margin: 0 0 0;padding: 0 0 ; flex-wrap: wrap;list-style: none;} .rooms06 li{display: inline-block;margin: .3rem 0; line-height: 2;padding: 0 1rem;background: #EAF1F6} .rooms06 li +li{margin-left: .6rem;} .rooms06 li:nth-child(4){margin-left: 0;} .rooms06 .box{position:absolute;width: 100%;padding: 0 2rem; transform: translate(-50%,-50%);top: 50%;left: 50%;} .rooms06 .box table{margin: 1rem 0 0;} .rooms06 .box th span{ } .rooms06 .box th,.rooms06 td{padding:.5rem;font-weight: 400;} .rooms06 .box tr + tr th,.rooms06 .box tr + tr td{border-top: 1px solid #e0e0e0;} .rooms06 im{width: 100%;} @media (max-width: 1200px){ .rooms03.rooms06 .main_pop{margin: 0 0 6rem;} .rooms06 .box{padding: 0;position: static; transform: translate(0%,0%);} } @media (max-width: 1024px){ .rooms03.rooms06 .main_pop{margin: 0 0 2rem;} } @media (max-width: 992px){ .rooms03{padding: 0 0 4rem;} .about04{padding: 4rem 0;} .rooms05{padding: 0 0 3rem} .rooms06 .box table{margin: 1rem 0;} } @media (max-width: 767px) { .gallery01 .slide{ margin: 1rem 0 0 0;} .rooms03{padding: 0 0 3rem;} .about04{padding: 3rem 0;} .rooms05{padding: 0 0 2rem} } .page #main-container{padding-bottom: 4rem;} .entry-header{ padding: 7rem 0 2rem 6px;text-align: center;letter-spacing: 6px; line-height: 1;background: #EAF1F6;} .entry-header h1,.entry-header .h1{font-size: 2rem; font-weight: 500;} .entry-header h1 img,.entry-header .h1 img{display: block;margin: 0 auto 2rem !important;max-width: 100px;} .page .entry-content.container{margin-top: 2rem;max-width:720px } @media (max-width: 575px){ .entry-header{ padding: 6rem 0 1rem 6px;} .page .entry-content.container{margin-top: 1rem;} } .wp-block-separator{padding-bottom: 4rem;margin-top: 4rem;border-top:1px dashed #c7c7c7;border-bottom: none;width: 100% !important;} .wp-block-table td, .wp-block-table th{padding: 1rem; border: 1px solid #e0e0e0;font-weight: 400} .contact_table{width: 100%;max-width: 900px; margin: 0 auto;} .contact_table table{width: 100%} .contact_table td, .contact_table th{padding: .5rem 1rem;} .contact_table tr:last-child td, .contact_table tr:last-child th{border-bottom: none} .contact_table th{width:215px;font-weight: 400;text-align: right;} .contact_table th sup{color: firebrick;right: -0.1rem;} .contact_table th p,.contact_table td p{margin-bottom: 0;} .contact_table td input[type="text"],.contact_table td input[type="url"], .contact_table td input[type="email"], .contact_table td input[type="tel"],.contact_table td textarea,.contact_table td input[type="date"]{margin: 0 0 !important; padding: 8px 2%;width: 100%;border: 1px solid #94A1B3;border-radius: 0.375rem;background: #fff;} .contact_table td select{margin: 0 0 !important; padding: 8px 2%;width: 90%;border: 1px solid #94A1B3;border-radius: 0.375rem;background: #fff;} .contact_table tr:hover,.contact_table td:hover {background-color:#EAEFF6} .contact_table td .wpcf7-list-item{ padding: .25em 0;margin: 0 1rem 0 0} .contact_table a{text-decoration: underline} .contact_table hr{margin: 1rem auto;} .contact_table h4{tmargin: 0 0 1rem;padding: 0.5rem;ext-align: center;background: #E9F5EC;} .wpcf7-submit {display: block;margin: 0 auto;width: 100%;max-width: 200px;padding: 15px 0;border: none;text-align: center;background:#46505D;color: #fff;border-radius:0;cursor: pointer;appearance: none;text-decoration: none;} .wpcf7-submit:hover {background:rgba(70,80,93,.70)} input[type="checkbox"],input[type="radio"]{--bs-form-check-bg:var(--bs-form-control-bg);width:20px;height:20px;margin-top:3px;vertical-align:top;background-color:#fff;background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border: 1px solid #777;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact} input[type="checkbox"]{border-radius:.25em} input[type="radio"]{border-radius:50%} input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)} input[type="checkbox"]:checked,input[type="radio"]:checked{background-color:#0d6efd;border-color:#0d6efd} input[type="checkbox"]:checked{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")} input[type="radio"]:checked{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")} .form-check-input:disabled{pointer-events:none;filter:none;opacity:.5} .form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5} .time p{display: flex;} .time p .wpcf7-form-control-wrap{width: 49%;} .time p .wpcf7-form-control-wrap + .wpcf7-form-control-wrap{margin-left: 2%} .houjin{background: #E9F5EC;padding-bottom: .5rem;margin-bottom: 0.5rem;} .contact_table .houjin tr:hover,.contact_table .houjin td:hover {background-color:#fff} .houjin ul.att{padding-top: 1rem;} .houjin ul.att p{margin-bottom: 0;} .houjin hr{width: 90%;margin: 1rem auto;border: 1px solid #B3CCB9} .single article.type-post{margin-top:0;padding-bottom:1rem;} .type-post{min-height: 400px} .type-post h1{margin-top:0; padding: 0 0 0.5rem;font-size: 24px; line-height: 1.4;border-bottom: 1px solid #e0e0e0;} .entry-content h2.wp-block-heading{margin: 2rem 0 1rem;padding: 1rem;font-size: 1.125rem;line-height: 1.4;background: #EAEFF6;} .entry-content h3.wp-block-heading{margin: 2rem 0 1rem; border-bottom: 1px solid #e0e0e0;padding: 0 0 0.3rem .3rem;font-size: 1rem;} @media (max-width: 575px){ .entry-header{padding:6rem 0 1rem 6px; } .entry-header h1 img,.entry-header .h1 img{margin: 0 auto 1rem !important;max-width: 60px;} .entry-header h1,.entry-header .h1{font-size: 1.25rem;} .wp-block-separator{border: none; padding-bottom: 2rem;margin-top: 2rem;} .wp-block-table{ border:none;} .wp-block-table th{display: block;padding: .5rem 1rem; border: none;background: #BABADB;color: #fff;} .wp-block-table td{display: block;padding: 1rem;border: none;} .contact_table{padding: 0;background: none ;border: none;} .contact_table th{display: block;width: 100%;padding: .5rem 0 0;border-bottom: none;text-align: left} .contact_table th p{margin-bottom: 0;font-weight: 500} .contact_table td{display: block;width: 100%;padding: 0 0 .5rem 0;border-bottom: none;} .time p .wpcf7-form-control-wrap{width:60% } } .tag {margin: 0 ;padding: 0;} .tag li{display: inline-block;margin: .5rem .5rem 0 0;list-style: none;} .tag a{display: block} .archive #main-container{} .archive #main-container img{ margin-bottom: 1rem;width: 100%;height: auto;} .archive #main-container .col-lg-8 .card{display: flex;flex-direction: row;justify-content: space-between; align-items: center;border-radius: 0;border: none} .archive #main-container .col-lg-8 .card .img{display: block; width:222px; height: 148px;text-align: center;} .archive #main-container .col-lg-8 .card .img img{object-fit: contain;width: 100% !important;height: 100% !important;} .archive #main-container .col-lg-8 .card div.right{width: calc(100% - 222px);padding:0 1rem 0;} .archive #main-container .col-lg-8 .card h2{display: block;width: 100%; font-size: 1rem;font-weight: 500;line-height: 1.6;margin-bottom: 0.6rem;padding-bottom: 0.3rem;border-bottom:1px solid #e0e0e0} .archive #main-container .col-lg-8 .card .card__category{margin: 0 0 0 1rem; display: inline-block;font-size: .75rem;} .archive #main-container .col-lg-8 .card + .card{margin-top: 2rem} .archive #main-container .col-lg-8 .card .card__excerpt{font-size: 0.750rem;line-height: 1.4;margin-bottom: 0;} .archive #main-container .col-lg-8 .card span{display: block; margin-top: 0.3rem;font-size: 0.750rem;} .archive #main-container .col-lg-8 .card .fluid-width-video-wrapper{padding-top: 66% !important;} .archive #main-container .featured-video-plus.post-thumbnail{margin: 0 auto 0;} .category_con{margin-top: 2rem} @media (max-width: 767px) { .archive #main-container .col-lg-8 .card + .card{margin-top: 1rem} .archive #main-container .col-lg-8 .card{ padding: 0.5rem;} .archive #main-container .col-lg-8 .card .img{width: 40%;height:auto;text-align: center;} .archive #main-container .col-lg-8 .card div.right{padding: 0 0 0 0.5rem;width: 60%;border: none} .archive #main-container .col-lg-8 .card h2{ margin-bottom: 0rem; padding-bottom: 0.4rem;font-size: .875rem;line-height: 1.2;} .archive #main-container .col-lg-8 .card .img img{max-height: 106px;max-width: 100%;} } @media (max-width: 575px){ .archive #main-container .col-lg-8 .card .img img{max-height: 106px;max-width: 100%;} } #sidebar{margin-bottom: 3rem;} #sidebar .wp-block-group{padding: 0.5rem 1rem 0;} #sidebar .widget_block.card.mb-4{background: none;border: none;margin-bottom: .5rem!important;} #sidebar .widget_block.card .card-body{padding: .5rem 0 .8rem;} #sidebar .widget_block h2.wp-block-heading{margin-bottom: 0;padding-bottom: .4rem; font-size: 1rem;font-weight: 500;line-height: 1.6;border-bottom: 1px solid #e0e0e0} #sidebar ul{padding-left: 10px;} #sidebar ul.children{padding-left: 15px;} #sidebar .wp-block-latest-posts.wp-block-latest-posts__list li{display: flex;justify-content: space-between;width: 100%} #sidebar .wp-block-latest-posts.wp-block-latest-posts__list li + li{margin-top: .3rem;padding-top: .3rem;border-top: 1px solid #e0e0e0} #sidebar .wp-block-latest-posts__featured-image{width: 30%;height: 6vh;text-align: center;align-items: center;background: #fff; position: relative;} #sidebar .wp-block-latest-posts__featured-image img{object-fit: contain;width: auto !important;height: 100% !important;} #sidebar .wp-block-latest-posts__post-title{width: 100%;} #sidebar .featured-video-plus + .wp-block-latest-posts__post-title,#sidebar .wp-block-latest-posts__featured-image + .wp-block-latest-posts__post-title{width: 68%;font-size: .875rem;} .news_b .wp-block-latest-posts__post-title{width: 100%;} #sidebar .featured-video-plus.fvp-center{height: 100%} #sidebar .featured-video-plus.fvp-center iframe{height: 100%;} .side_link{display: block;margin: 0 0 0; padding: 0 1rem 0;} .side_link img{width: 100%;height: 100%;} .wp-block-latest-posts__featured-image .fluid-width-video-wrapper{padding-top: 66.66% !important;} .wp-block-categories-list li.cat-item{position: relative;list-style: none;line-height: 2;} .wp-block-categories-list li.cat-item:after { position: absolute;display: block;left: -1.2rem;top: 1px; content: ""; font-family: "Font Awesome 6 Free";font-weight: 600;text-align:center;color: #bbb;} .wp-block-categories-list .children li.cat-item:after {content: "-";color: #bbb;left: -.8rem;} .pagenation{display: flex;justify-content: center;align-items: center;margin: 3rem 0;} .pagenation .page-link{display: inline-block;border: none;color: #333;} .type-post .post-meta{text-align: right;line-height: 1} .single .attachment-post-thumbnail.wp-post-image{display: block;margin: 0 auto 1rem;width: auto !important;max-width: 100%;height: 100%;max-height: 488px;} .featured-video-plus.post-thumbnail{margin: 0 auto 1rem;} .nextpost{margin-top: 1rem;margin-bottom: 3rem ;padding: 1rem; border-top: 1px solid #e0e0e0;} .nextpost a{display: inline-block} .nextpost .next{text-align: right} @media (max-width: 575px){ .type-post h1{font-size: 20px;} .type-post .h2, .type-post h2{font-size: 18px;} #sidebar{margin-bottom: 0} .pagenation{ margin: 2rem 0;} }