html {
font-family: "Josefin Sans", "BIZ UDPGothic", sans-serif;
font-size: 16px;
line-height: 1.8;
height: 100%;
color: #F2E0D0;
background-color: #202026;
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
margin: 0;
padding: 0;
overflow: hidden;
}
body {
font-size: 1rem;
margin: 0 5;
background-color: #202026;
color: #F2E0D0;
height: 100%;
overflow-y: hidden;
}
a{
color: #3C4959;
text-decoration: none;
}
main {
height: 100vh;
overflow-y: auto;
background-image: url("../images/bg.webp");
background-repeat: no-repeat;
}
h2.topic {
font-family: "Radley", "Zen Old Mincho", serif;
font-weight: 400;
color: #F2E0D0;
font-size: 3rem;
letter-spacing: .3rem;
}
h2.topic span{
font-family: "BIZ UDPGothic", sans-serif;
display: block;
font-size: 1.1rem;
letter-spacing: .3rem;
color: #A69581;
}
p > samll{
font-size: .8rem;
}
p.c-right a{
font-size:.7rem;
color: #A69581;
padding: 0;
line-height: normal;
}

/* ナビバー
-------------------------------------------- */
header{
width: 100%;
margin: 0 auto;
}
.navbar{
background:rgba(32, 32, 38, .8);
}
a.navbar-brand{
font-family: "Radley", "Zen Old Mincho", serif;
color: #F2E0D0!important;
font-size: 1.5rem;
letter-spacing: .2rem;
}
.offcanvas-title{
font-family: "Radley", "Zen Old Mincho", serif;
font-weight: 400;
color: #F2E0D0!important;
font-size: 1.2rem;
letter-spacing: .2rem;
}
.offcanvas-header,
.offcanvas-body{
background-color: #202026!important;
}
.nav-item .nav-link {
font-family: "Radley", "BIZ UDPGothic", serif;
color: #F2E0D0;
padding: 10px 0;
font-size: 1.2rem;
line-height: 1rem;
letter-spacing: .2rem;
}
.nav-item .nav-link a{
color: #F2E0D0;
}
.nav-item .nav-link.active {
color: #C4B050;
}
.nav-item .nav-link span,
.dropdown-menu .dropdown-item span{
font-size: .7rem;
}
button.navbar-toggler{
box-shadow: none !important;
border: none!important;
outline: none!important;
}
.navbar-toggler {
background-image: url("data:image/svg+xml;charset=utf8,%3csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='150' height='150' viewBox='0 0 50 50'%3e%3cpath fill='%2300aabb' stroke='%2300aabb' d='M 5 9 L 5 11 L 45 11 L 45 9 L 5 9 z M 5 24 L 5 26 L 45 26 L 45 24 L 5 24 z M 5 39 L 5 41 L 45 41 L 45 39 L 5 39 z'/%3e%3c/svg%3e");
width: 2rem;
height: 2rem;
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
box-shadow: none !important;
border: none!important;
outline: none!important;
padding-right: 5px;
}
a.nav-link.dropdown-toggle.show,
a.nav-link.dropdown-toggle.show:hover,
a.nav-link.dropdown-toggle.show:active,
a.nav-link.dropdown-toggle.show:focus{
color:  #C4B050!important;
}
ul.dropdown-menu{
background-color: #F2E0D0;
color: #202026;
border-radius: none;
}
.dropdown-item:active{
background-color: #C4B050 !important;
}
button.btn-close{
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='150' height='150' viewBox='0 0 50 50' fill='%23F6D533'><path d='M 10 10 L 40 40 M 40 10 L 10 40' stroke='%23FFF0A6' stroke-width='2' stroke-linecap='square'/></svg>");
width: 1.5rem;
height: 1.5rem;
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
box-shadow: none !important;
border: none!important;
outline: none!important;
}
.brochure-info{
box-sizing: border-box;
width: 100%;
height: 50px;
color: #202026;
line-height: 50px;
background-image: linear-gradient(90deg, rgba(242, 239, 208, 1), rgba(196, 176, 80, 1) 50%);
background-size: 200% auto;
animation: gradient-animation 5s linear infinite;
}
@keyframes gradient-animation {
  0% { background-position: 0% 100%; }
  50% { background-position: 80% 50%; }
  100% { background-position: 0% 100% }
}
.brochure-info p {
 margin: 0;
font-size: 1.1rem;
}
.brochure-info a{
color: #202026;
font-weight: bold;
}
@media (max-width:768px){
a.navbar-brand{
font-size: 1.1rem;
	}
.brochure-info {
width: 100%;
}
.brochure-info p span {
display: none;
}
}

/* スライダー
-------------------------------------------------- */
.parallax-bg .swiper {
width: 100%;
height: 100vh;
max-height: 900px;
background: #202026;
}
[class*=swiper]:focus {
outline: none;
}
.parallax-bg .slide-media {
position: relative;
overflow: hidden;
}
.parallax-bg .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;
}
.parallax-bg .swiper-fade .swiper-slide-active {
pointer-events: auto;
}
.parallax-bg .swiper-pagination {
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
margin: auto;
}
.parallax-bg .swiper-pagination-bullet {
display: block;
width: 1.6rem;
height: 2px;
cursor: pointer;
-webkit-transition: .8s translate cubic-bezier(.2, 1, .2, 1);
transition: .8s translate cubic-bezier(.2, 1, .2, 1);
background-color: #fff;
}
.parallax-bg .swiper-pagination-bullet:not(:first-child) {
margin-top: 1.6rem;
}
.parallax-bg .swiper-pagination-bullet-active {
width: 4rem;
background-color: #C4B050;
}
.parallax-bg .swiper-slide[class*=-active] .slide-media img {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.parallax-bg .swiper-slide[class*=-active] .slide-title {
-webkit-animation: parallax-bg-fadeIn 2s 0.5s cubic-bezier(.2, 1, .2, 1) both;
animation: parallax-bg-fadeIn 2s 0.5s cubic-bezier(.2, 1, .2, 1) both;
}
@-webkit-keyframes parallax-bg-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 parallax-bg-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);
}
}
.parallax-bg .slide {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 100vh;
padding: 0 8rem;
text-align: left;
margin: 0 auto;
position: relative;
z-index: 2;
}
.parallax-bg .slide-media {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.parallax-bg .slide-media img {
width: 100%;
height: 100%;
object-fit: cover;
-webkit-transition: 7s 1s ease-out;
transition: 7s 1s ease-out;
}
.parallax-bg .slide-title {
font-family: "Radley", "Zen Old Mincho", serif;
max-width: 1200px;
min-width: 300px;
color: #F2E0D0;
font-size: clamp(3rem, 5vw, 5rem);
font-weight: 400;
letter-spacing: .5rem;
line-height: 1.3;
}
.parallax-bg .slide-subtitle {
font-family: "Josefin Sans", "BIZ UDPGothic", sans-serif;
max-width: 1200px;
min-width: 300px;
color: #E2E2DA;
font-size: clamp(1rem, 2vw, 1.5rem);
font-weight: bold;
}
.parallax-bg .slide-text {
font-size: clamp(.9rem, 1.5vw, 1.2rem);
color: #F2E0D0;
line-height: 2;
max-width: 1000px;
min-width: 300px;
margin-top: 1rem;
}
@media (max-width: 768px){
.parallax-bg .swiper-pagination {
top: auto;
bottom: 0; 
left: 50%;
transform: translateX(-50%);
height: auto; 
margin: auto;
display: flex;
flex-direction: row;
justify-content: center;
align-items: baseline;
width: auto;
}
.parallax-bg .swiper-pagination-bullet {
width: 2px; 
height: 1.6rem;
background-color: #fff;
margin-top: 0 !important; 
border-radius: 0;
opacity: 1;
}
.parallax-bg .swiper-pagination-bullet:not(:first-child) {
margin-top: 0;
margin-left: 0.8rem; 
}
.parallax-bg .swiper-pagination-bullet-active {
width: 2px; 
height: 2.5rem;
background-color: #C4B050;
}
.parallax-bg .slide {
display: grid;
place-content: center;
height: 100vh;
padding: 0 1rem;
}
}
.parallax-bg .slide-link{
 font-family: 'Josefin Sans', sans-serif;
}
.parallax-bg .slide-button {
font-size: 1.2rem;
font-weight: bold;
display: inline-block;
color: #58ADB2;
  }
/* フェードイン
-------------------------------------------------- */
.fade-in {
    opacity: 0;
    transform: translateY(80px);
    transition: opacity 1.5s ease-out, transform 1.5s ease-out;
}

.fade-in.scroll-in {
    opacity: 1;
    transform: translateY(0);
}
/* main内画像
---------------------------------------------------*/
.vimg img{
object-fit: cover;
}
/* Cookie同意
-------------------------------------------------- */
.toast-body{
font-family: "BIZ UDPGothic", serif; 
color: #202026;
}
.btn-agree{
background-color: #3A528B;
font-weight: bold;
color: #fff;
}
.btn-agree:active,
.btn-agree:hover,
.btn-agree:focus{
background-color: #3C4959;
font-weight: bold;
color: #fff;
}


/* お知らせ
--------------------------------------------*/
.news{
min-height: 200px;
}
.news .card{
background-color: #A69581;
color: #202026;
min-hight: 100px;
}
.news .card:hover,
.news .card:focus,
.news .card:active{
background-color: #F2E0D0;
}
.news .card-title{
font-family: "Radley", serif;
font-weight: 400;
font-style: italic;
}
.news .card a{
color: #202026;
}

/* コンセプト
--------------------------------------------*/
.concept{
background-color: rgba(20, 32, 38, .7);
}

/* プラン
--------------------------------------------*/
.plan{
background-color: #F2E0D0;
color: #202026;
}
.plan h2.topic {
font-family: "Radley", "Zen Old Mincho", serif;
font-weight: 400;
color: #202026;
font-size: 3rem;
letter-spacing: .3rem;
}
.plan h2.topic span{
font-family: "BIZ UDPGothic", sans-serif;
display: block;
font-size: 1.1rem;
letter-spacing: .3rem;
color: #A69581;
}

/* スペック
--------------------------------------------*/
.spec{
background-color: rgba(20, 32, 38, .9);
}
.spec .swiper-wrapper {
-webkit-transition-timing-function: linear !important;
transition-timing-function: linear !important;
}
.spec .swiper-slide {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
  }
.spec .slide {
width: var(--slide-width);
--slide-width: 500px;
-webkit-transition: .8s translate cubic-bezier(.2, 1, .2, 1);
transition: .8s translate cubic-bezier(.2, 1, .2, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
  }
.spec .slide-media {
height: var(--slide-width);
  }
.spec .slide-media img{
width: auto;
height: 600px;
object-fit: cover;
}
.spec .slide-content {
position: absolute;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: .8s translate cubic-bezier(.2, 1, .2, 1);
transition: .8s translate cubic-bezier(.2, 1, .2, 1);
opacity: 0;
olor: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.3)));
 background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%);
  }
.spec .slide-title {
font-size: 1rem;
color: #f6ebe3;
line-height: 1.4;
padding: 1rem;
display: inline-block;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.spec .slide:hover {
 width: calc(500px * 1.5);
}
.spec .slide:hover .slide-content {
opacity: 1;
}
@media only screen and (max-width: 599px) {
    .spec .slide {
--slide-width: 250px;
    }
.spec .slide-media img{
width: 400px;
height: auto;
}
	.spec .slide:hover,
	.spec .slide:active,
	.spec .slide:focus{
 width: calc(250px * 1.5);
}
  }
table{
border-collapse: collapse;
width: 100%;
}
th, td {
border-bottom: 2px solid #A69581;
padding: 1em;
}
th {
border-bottom: 1px dotted #A69581;
font-weight: bold;
text-align: center;
width: 30%;
min-width: 4em;
}
@media (max-width:599px){
th, td {
	display:block;
	}
th {
	text-align: left;
	width: 50%;
	}
}

/* お問い合わせ
--------------------------------------------*/
.contact {
  background-color: rgba(242, 224, 208, .9);
  color: #202026;
}
.contact h2.topic {
font-family: "Radley", "Zen Old Mincho", serif;
font-weight: 400;
color: #202026;
font-size: 3rem;
letter-spacing: .3rem;
}
.contact h2.topic span{
font-family: "BIZ UDPGothic", sans-serif;
display: block;
font-size: 1.1rem;
letter-spacing: .3rem;
color: #A69581;
}
.contact th {
width: 30%;
}
.submit{
text-align: center;
font-size: 1.2rem;
max-width: 250px;
min-height: 30px;
width: 100%;
height: auto;
background-color: #202026;
color: #F2E0D0;
padding: .9rem;
font-family: "BIZ UDPGothic", sans-serif;
font-weight: 700;
border: none;
}
::placeholder{
color: #ddd;
}
.return{
text-align: center;
font-size: 1.2rem;
max-width: 250px;
min-height: 30px;
width: 100%;
height: auto;
background-color: #A69581;
color: #F2E0D0;
padding: .9rem;
font-family: "BIZ UDPGothic", sans-serif;
font-weight: 700;
border: none;
}
.grecaptcha-badge {
	visibility: hidden;
}
.textarea {
  width: 80%;
  min-height: 80px;
  overflow: hidden;
}
@media (max-width:599px){
.contact th,.contact td {
	display:block;
	}
.contact th {
	text-align: left;
	width: 50%;
	}
input[type=text] {
	width: 100%;
	box-sizing: border-box;
	}
.textarea {
  width: 100%;
}
}
/* コラム
--------------------------------------------*/
.column{
background-color: #202026;
}
.card-c{
min-height: 200px;
border-radius: 0;
border: none;
}
.card-c img{
width: 100%;
height: 200px;
object-fit: cover;
}
.card-c:hover
.card-c img:hover{
transform: scale(1.05);
}
.headimg img{
 width:100%;
 height:400px;
 object-fit: cover;
}
.menu{
background-color: #202026;
}
.c-menu{
background-color: rgba(242, 224, 208, .2);
}
.c-menu .nav-link{
font-family: "Josefin Sans", "BIZ UDPGothic", sans-serif;
font-size: 1.1rem;
font-weight: bold;
}
.nav-item .nav-topic{
font-family: "Josefin Sans", "BIZ UDPGothic", sans-serif;
font-size: 1rem;
letter-spacing: .8;
}
.c-menu .nav-topic::before{
content:" - ";
}
.cimg{
width: 100%;
max-height: 600px;
object-fit: cover;
}
.plan h4{
font-size: 1.2rem;
}
notes{
font-size:.7rem; 
vertical-align:top;
}

/*　フッター
--------------------------------------------*/
footer{
width: 100%;
min-height: 100px;
background-color: #F2E0D0;
color: #3C4959;
}
a.share-link{
font-size: 18px;
}
.copy {
width: 100%;
height: auto;
min-height: 50px;
bottom: 0;
background-color: #202026;
}
.copy p{
font-family: "Josefin Sans", sans-serif;
width: 90%;
margin: 0 auto;
padding-top: 5px;
text-align: center;
color: #F2E0D0;
}
.copy a{
color: #F2E0D0;
}
@media (min-width: 425px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}
@media (max-width:768px){
.copy p{
font-size: .7rem;
}
}