@charset "utf-8";
html,body,h1,h2,h3,h4,ul,ol,dl,li,dt,dd,p,div,span,img,a,table,tr,th,td,header,nav,footer,section,aside,article,figure{margin:0;padding:0;border:0;font-weight:normal;font-size:100%;vertical-align:baseline;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

article,header,footer,aside,figure,figcaption,nav,section{display:block;}
body{font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;line-height:1.6;font-size:16px;font-size:1.6rem;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;background:url(../images/sp-bg-body.png);background-size:contain;color:#41544b;}
ol,ul{list-style:none;list-style-type:none;}

html{font-size:62.5%;}
img{max-width:100%;height:auto;vertical-align:bottom;}
a{color:#333;text-decoration:none;}
.active-page a{color:#79af95;}
#wrapper{max-width:1360px;margin:0 auto;font-size:1.2rem;}
header,#container,footer{width:100%;}
.f-en{font-family:'Gabriela';}
.f-c-white{color:#fff;}
.txt-highlight{color:#eb5197;}
.bullet-list{list-style:disc;margin:0 0 20px 15px;}
.pc-nav{display:none;}
.sp-header{display:flex;}
.sp-logo{width:70px;margin:10px;}
.tel{position:absolute;right:80px;top:10px;}
.tel img{display:block;width:25px;}
#nav-toggle{display:block;position:absolute;right:20px;top:20px;width:34px;height:36px;z-index:1000;}
#nav-toggle div{position:relative;}
#nav-toggle span{display:block;position:absolute;left:0;height:4px;width:100%;background:#41544b;}
#nav-toggle span:nth-child(1){top:0;}
#nav-toggle span:nth-child(2){top:11px;}
#nav-toggle span:nth-child(3){top:22px;}
#nav-toggle em{display:block;position:absolute;top:25px;font-style:normal;}

.sp-nav{display:none;position:absolute;background:#41544b;padding-bottom:20px;top:70px;width:100%;z-index:10000;}
.sp-nav .sp-menu{left:0;bottom: 0;border-top:1px solid #fff;}
.sp-nav .sp-menu li{text-align:center;border-bottom:1px solid #fff;}
.sp-nav .sp-menu a{width:100%;display:block;padding:15px 0;color:#fff;}
#nav-toggle .active span:nth-child(1){top:11px;-webkit-transform:rotate(315deg);transform:rotate(315deg);}
#nav-toggle .active span:nth-child(2){width:0;left:50%;}
#nav-toggle .active span:nth-child(3){top:11px;-webkit-transform:rotate(-315deg);transform:rotate(-315deg);}
#close-btn{margin-top:15px;text-align:center;}
#close-btn img{width:50px;}
.key-visual{position:relative;width:100%;}
.key-visual ul{position:relative;}
.key-visual ul li{display:none;}
.key-visual ul li img{width:100%;height:auto;}
.key-visual ul li:first-child{display:block;}
.txt-block-1{background:url(../images/bg-top1.svg) no-repeat;background-size:contain;padding: 2em 0 1em;margin-top:-11px;}
.txt-block-2{background:url(../images/bg-top2.svg) no-repeat;background-size:contain;padding-top:1em;}
.txt-box{width:60%;margin:0 auto;text-align:center;}
.txt-box h2,.gallery h2{font-size:1.6rem;margin-bottom:.5em;}
.txt-box h2{font-weight:bold;}
.internal-link{background:url(../images/frame-bg.png);}
.internal-link ul{display:flex;justify-content:space-around;padding:10px 0;}
.internal-link li{margin:0 10px;}
.internal-link li a{display:block;background:#fff;}
.concept-box{display:flex;flex-direction:column;background:url(../images/concept-bg.png);margin-top:4%;}
.concept-box .txt-1,.concept-box .txt-2{padding:10px;}
.concept-box h3{font-weight:bold;font-size:1.6rem;}
.gallery{padding:6% 0 3%;background:#c3e0d3 url(../images/bg-gallery.jpg) no-repeat left top;background-size:contain;}
.gallery h2{text-align:center;}
.gallery img,.concept-box img{width:100%;}
.gallery ul{display:flex;}
.btn-outline li{width:220px;margin:20px auto 0;text-align:center;}
.btn-outline a{display:block;border:1px solid #43916e;padding:10px 20px;color:#43916e;}


footer{position:relative;padding:20px 0;background:url(../images/footer-bg.jpg);background-size:cover;}
.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;}
.footer-nav li{margin:0 5px 20px;}

/* ここから */
.sns-icon,.header-sns-icon {
display:flex;
align-items:center;
justify-content:center;
margin-bottom:20px;
}

.header-sns-icon {
margin:20px 0;
color:#fff;
}

.header-sns-icon .bi-instagram {
margin: 0px 12px;
}

.header-sns-icon a {
color:#fff;
}

.sns-icon li {
padding: 0 3px 0 3px;
}

/*

.sns-icon .facebook {
position:relative;
display:inline-block;
width:40px;
height:40px;
border-radius:100%;
background:#222;
overflow:hidden;
color:#fff;
}

.sns-icon .instagram {
color:#222;
font-size:2rem;
}

.insta-btn .insta:before {
content:'';
position:absolute;
top:20px;
left:-15px;
width:50px;
height:50px;
background:-webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
background:radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
}

.insta-btn .fa-instagram {
color:#fff;
position:relative;
z-index:2;
line-height:40px;
}


.sns-icon li:first-child {
margin-right:20px;
}

.header-sns-icon li:first-child {
margin-right:30px;
}

.header-sns-icon .facebook {
position:relative;
display:inline-block;
width:40px;
height:40px;
border-radius:100%;
background:#fff;
overflow:hidden;
color:#41544b;
text-align:center;
}


*/

/* ここまで */

.add{margin-bottom:30px;text-align:center;}
.add dt{margin-bottom:10px;}
.copyright{text-align:center;}
.pagetop{position:absolute;right:10px;bottom:180px;cursor:pointer;}
.pagetop img{width:80px;}
.fixed{position:fixed;max-width:1360px;top:0;background:rgba(255,255,255,.7);z-index:1000;}
.breadcrumb{display:flex;margin:0 0 20px 3%;}
.breadcrumb li:not(:first-child)::before{content:"＞";padding:0 5px;}
.ttl{display:flex;align-items:center;justify-content:center;background:url(../images/headline-bg.jpg) no-repeat;background-size:cover;margin-bottom:3%;}

.ttl h1{padding:20px 0;}
.contents-area{margin:0 10px;}
.contents .text{margin-bottom:30px;}
.visual-box{display:flex;flex-direction:column;background:url(../images/bg-green.png);margin-bottom:3%;}
.visual-box .txt{padding:10px;}
.visual-box .txt h2{margin-bottom:5%;text-align:center;font-size:1.6rem;}
.slide-area{margin-bottom:8%;background:#fff;}
.slide-area .thumb{cursor:pointer;}
.slide-area .thumb img{width:100%;}
.slide-area .thumb .slick-current img{opacity:.7;}
.map{margin-bottom:5%;}
.map iframe{width:100%;}
.shop-info{display:flex;justify-content:center;align-items:center;flex-direction:column;background:url(../information/images/add-bg.svg) no-repeat;background-size:contain;margin-bottom:5%;padding:15% 0 5%;}

.shop-info .reserve{display:flex;justify-content:center;margin-bottom:3%;font-size:1.6rem;}
.info-table{background:url(../information/images/add-bg-bottom.png) repeat-y;background-size:contain;}
.shop-info ul{margin-bottom:3%;text-align:center;}
.info-table{border-collapse:collapse;width:100%;}
.info-table tbody tr,.menu-table tr,.responsive-table tr{border-bottom:1px dotted #333;}
.info-table th{background:#7f9389;padding:5px;color:#fff;}
.info-table td{text-align:center;padding:5px;}
.menu-table,.responsive-table{width:100%;border-collapse:collapse;margin-bottom:20px;}
.menu-table th,.responsive-table th{padding:10px;text-align:left;}
.menu-table td,.responsive-table td,.responsive-table thead th{padding:10px;text-align:right;}
.bg-headline{display:flex;justify-content:space-between;background:#7f9389;margin-bottom:2%;padding:10px;color:#fff;}
.style-photo{display:flex;flex-wrap:wrap;margin:10px -10px 20px;}
.style-photo li{flex-basis:33.3333%;max-width:33.3333%;padding:10px;}
.style-photo li a{background:#fff;display:block;}
.prof-box{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff url(../staff/images/prof-bg.jpg) no-repeat left bottom;background-size:cover;margin-bottom:5.55555556%;padding:20px 10px 10px 10px;}
.prof-photo{position:relative;width:200px;margin-bottom:20px;transform:rotate(-5deg);}
.prof-photo .pin{position:absolute;top:-20px;left:-10px;margin: 0;z-index:1000;}
.photo-area img{border-bottom:5px solid #94c6c7;border-right:3px solid #b1e3cd;}
.prof-detail table{border-collapse:separate;margin:0 10px;border-spacing:0;border:0;}
.prof-detail th{text-align:left;padding:10px;border-bottom:1px dotted #333;}
.prof-detail td{padding:10px;border-bottom:1px dotted #333;}

aside{display:none;}

@media screen and (min-width:480px){
#wrapper{font-size:1.4rem;}}

@media screen and (min-width:600px){
#wrapper{font-size:1.5rem;}}

@media screen and (min-width:670px){
.shop-info{background-size:cover;}}

@media screen and (min-width:768px){
body{background:url(../images/bg-body.png);background-size:contain;}
header{padding:10px 0;}
.fixed{position:relative;background:none;z-index:0;}
.sp-nav,.sp-header{display:none;}
.pc-nav{display:block;}
nav ul{display:flex;justify-content:space-around;align-items:center;}
nav .logo{width:14.28%;text-align:right;}
.txt-block-1{padding:2em 0;}
.txt-block-2{padding-top:2em;}
.txt-box{width:50%;}
.txt-box h2,.gallery h2{font-size:3rem;}
.internal-link ul{padding:50px 0;}
.concept-box{flex-wrap:wrap;flex-direction:row;align-items:center;}
.concept-box .txt-1,.concept-box .txt-2{padding:0 30px;}
.concept-box div{width:50%;}
.concept-box .photo-1{order:1;}
.concept-box .photo-2{order:4;}
.concept-box .txt-1{order:2;}
.concept-box .txt-2{order:3;}
.footer-nav{flex-direction:row;align-items:center;justify-content:center;}
.footer-nav li{margin:0 15px 20px 0;}
.contents-area{display:flex;justify-content:space-around;}
.contents{width:66.1764706%;}
.visual-box{flex-direction:row;}
.visual-box .img{width:50%;}
.visual-box .txt{width:50%;}
.shop-info{background-size:contain;}
.prof-box{flex-direction:row;align-items:flex-start;padding:4% 0 4% 4%;}
.prof-photo{width:42.7777778%;}
.prof-detail{width:77.77777778%;}
aside{display:block;width:22.0588235%;}
aside .bnr li{margin-bottom:20px;background:#fff;}}

@media screen and (min-width:960px){
/*
a:hover{color:#79af95;}
*/
a:hover img{opacity:.7;}
#wrapper{font-size:1.6rem;}
header{padding:25px 0;}
nav ul{font-size:2rem;}
.txt-block-1{padding:6.25em 0;}
.txt-block-2{padding-top:6.25em;}
.concept-box .txt-1,.concept-box .txt-2{padding:0 80px;}
.concept-box h3{margin-bottom:10px;font-size:3rem;}
.btn-outline a{transition:all 1s;}
.btn-outline a:hover{background:#43916e;color:#fff;border-radius:50px;}
.footer-nav li{font-size:2rem;margin:20px 50px 50px 0;}
.add dt{font-size:2rem;}
.pagetop{right:40px;bottom:50px;}
.pagetop img{width:auto;}
.ttl h1{padding:80px 0;font-size:3rem;}
.contents-area{margin:0;}
.visual-box .txt{padding:30px;}
.visual-box .txt h2{font-size:2.5rem;}
.shop-info .reserve{font-size:3rem;}
.info-table{background:none;width:90%;}
.menu-area{display:flex;flex-wrap:wrap;justify-content:space-between;}
.menu-box{width:48%;}
.style-photo li{flex-basis:16.6666667%;max-width:16.6666667%}
.prof-detail table{margin: 0 20px;}}

@media only screen and (min-width:1130px){
.shop-info{background-size:cover;}}

@media only screen and (max-width:599px){
.responsive-table{display:block;width:100%;overflow-x:scroll;}
.responsive-table tbody{width:auto;white-space:nowrap;}
.responsive-table th,.responsive-table td{white-space:nowrap;width:100%;}}

@media all and (-ms-high-contrast:none){
.btn a{padding:12px 20px 8px;}}