@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@600;900&display=swap');

/*container*/
@media (max-width:575.98px){
.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{
max-width:500px;
width:95%;
}
}

@media (min-width:992px){
.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{
max-width:924px;
}
}

/*BASE*/
body{
font-family: 'Zen Old Mincho', serif;
font-size:16px;
color:#3d2e09;
letter-spacing:.03rem;
-webkit-font-smoothing: antialiased;
line-height:1.9;
}
#top{
    background:url(img/back.jpg) repeat;
}
.carousel{
margin-top: 56px;
}
h1,h2,h3,h4,h5{
margin:0;
padding:0;
}
h1{
bottom:45px;
font-size:12px;
}
h2,h3,h4,h5{
line-height:1.6;
}
p{
margin-bottom:0;
}
ul li{
list-style:none;
}
a{
color:#801515;
text-decoration:none;
}
a:hover{
color:#666666;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.a-link{
padding-top: 50px;
margin-top:-50px;
}
.font-weight-900{
font-weight:900;
}
.lh-xl{
line-height:2.2;
}
.lh-x{
line-height:2;
}
.title{
font-size:25px;
}
.title-m{
font-size:18px;
}
.title-s{
font-size:15px;
line-height:1;
}
.size-l{
font-size:20px;
}
.text-justify{
text-align:justify;
}
hr{
opacity:1;
}
ul{
margin:0;
padding:0;
}
.justify{
text-align: justify;
}
.tel{
font-size:25px;
letter-spacing:1px;
font-weight:700;
}
.btn{
max-width:300px;
height:80px;
line-height: 70px;
border-radius: 0;
color:#fff;
font-size:20px;
outline : 1px solid #FFFFFF;
outline-offset : -5px;
background:#b79759;
}
.btn.sns{
width:300px;
height:55px;
line-height: 40px;
font-size:18px;
outline : 0px solid #FFFFFF;
outline-offset : 0px;
}
.btn:hover{
outline : 0px solid #b79759;
background:#c4a464;
color:#fff;
}
@media (min-width: 576px){
body{
font-size:17px;
}
.btn{
max-width:440px;
height:90px;
line-height: 70px;
font-size:27px;
}
.carousel{
margin-top: 78px;
}
.tel{
font-size:29px;
}
.lh-xl{
line-height:2.6;
}
.a-link{
padding-top: 80px;
margin-top:-80px;
}

.title{
font-size:35px;
}
.title-m{
font-size:21px;
}
}

/*カラー*/
.text-gold{
color:#c6a659;
}

/*ナビバー*/
.navbar{
padding:0px;
box-shadow: 0 2px 4px rgba(0,0,0,.3);
background:url(img/back.jpg) repeat;
font-size:17px
}
.navbar:after{
content:"";
display:block;
background:rgba(0,0,0,0.0);
height:6px;
border-top:1px solid #c6a659;
width:100%;
}
.navbar ul li a{
line-height:1.4;
color:#3d2e09;
}
.navbar ul li a:hover{
color:#5d4712;
}
a.header-tel{
color:#3d2e09;
font-size:28px;
}
a.header-tel:hover{
color:#3d2e09;
}

.circle-insta{
width:40px;
height:40px;
border-radius: 100vh;
color:#fff;
font-size:23px;
line-height: 37px;
background:#b79759;
}
.circle-insta:hover{
background:#c4a464;
color:#fff;
}

/* Top */
.top-logo{
top:10%;
}
.top-logo img{
height:260px;
}
.img-responsive {
position: relative;
}
.img-responsive:before {
content: "";
display: block;
padding-top: 400px;
}
.img-responsive img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
object-fit: cover;
}

@media (min-width:576px){
.img-responsive:before {
padding-top: 660px;
}
.top-logo img{
height:360px;
}
}
@media (min-width:768px){
.top-logo img{
height:430px;
}
}
hr{
border-top:1px dotted #666;
}

/* menu */
@media (min-width:576px) {
.menu-border{
border:1px solid #c6a659;
}
}

/* footer */
footer{
background: #3a2d0b;
}
.copy{
font-size:11px;
padding-top:45px;
}

/* トップへ戻るボタン */
.page_top_btn {
position: fixed;
bottom: 15px;
right: 15px;
width:36px;
height:36px;
background:#c6a659;
transition: 0.3s;
}

.page_top_btn:hover {
background:#c4a464;
}

@media (min-width:576px){
.page_top_btn {
width:44px;
height:44px;
}
}

/* ローディング画面 アニメーション */
#logo_loader {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 1100;
background-color: #fff;
}
#logo_loader.open {
animation-name: slideOut;
animation-fill-mode: forwards;
animation-duration: 0.5s;
animation-delay: 1.3s;
}
@keyframes slideOut {
0% {opacity: 0.7}
100% {opacity: 0;z-index: 0;}
}