@charset "UTF-8";

html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background-color:#e9e2d8;}
article,aside,canvas,details,figcaption,figure,header,footer,main,menu,nav,section,summary{display:block;}
body{font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;font-size:16px;line-height: 1.8;position:relative;color:#54442a;word-wrap:break-word;word-break:break-word;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-feature-settings : "palt";letter-spacing:0.06em;background-color:#fff;}


/*GoogleFont*/
.g-font{font-family:'Peddana',serif;font-weight:normal;}
.bolder{font-weight:800;}
.gothic{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.mincho{font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}

/*color*/
a:link{color:#000;}
a:visited{color:#000;}
a:hover{color:#000;}
a:active{color:#000;}
::selection{background:#e9e2d8;color:#000;}
::-moz-selection{background:#e9e2d8;color:#000;}
.color{color:#54442a;}
.bgcolor{background:url(../img/bg.jpg) top center repeat;background-size:640px 640px;}

/*基本文字組み*/
/*日本語最適化*/
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:300;line-height:1.2;color:inherit}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:rgba(0,0,0,.65)}
.h1,.h2,.h3,h1,h2,h3{margin-top:22px;margin-bottom:11px}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}
.h4,.h5,.h6,h4,h5,h6{margin-top:11px;margin-bottom:11px}
.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}
.h1,h1{font-size:32px;font-weight:800;}
.h2,h2{font-size:28px;font-weight:800;}
.h3,h3{font-size:24px}
.h4,h4{font-size:19px}
.h5,h5{font-size:16px}
.h6,h6{font-size:12px}
p{margin:0 0 11px}
.lead{margin-bottom:22px;font-size:18px;font-weight:300;line-height:1.4}
.on-small-only .lead{font-size:24px}
.small,small{font-size:75%}
p.large-lead{font-size:22px;line-height:1.6;margin-bottom:40px;font-weight:300;}
p.larger-lead{font-size:28px;line-height:1.6;margin-bottom:40px;font-weight:300;}
p .btn{margin-right:20px;}
hr{margin:60px 0;}
img{width:100%;height:auto;max-width:100%;}
figure{margin:0;}
figcaption{line-height:1.2;margin-bottom:20px;padding-top:9px;}
strong{font-weight:bolder;}
/*文字オプション*/
.small-text{font-size:12px;}
.smaller-text{font-size:9px;}
.big-text{font-size:16px;}
.bigger-text{font-size:21px;line-height:1.6;}
.none-text{text-transform:none;}
.strong-text{font-weight:bold;}
.lighter{font-weight:300;}
.bolder{font-weight:600;}
.letter-spacing{letter-spacing:1px;}
.letter-spacing.big{letter-spacing:2px;}
.letter-spacing.bigger{letter-spacing:3px;}
.letter-spacing.biggest{letter-spacing:20px!important;margin-right:-20px!important;}
.line-height-big{line-height:1.8;}
/*画面*/
.wrapper{position:relative;width:100vw;overflow:hidden;}
.display-block{display:block;}
.display-none{display:none;}
.display-inline{display:inline;}
.wrap{}
.position-relative{position:relative;}
.overflow-hidden{overflow:hidden;}
/*clearfix*/
.clear{clear:both;}
.clear hr{display:none;}
.cf:after{content:" ";display:block;clear:both}
/*デフォルトホバー*/
a{cursor:pointer;text-decoration:none;-webkit-transition:all .3s;transition:all .3s;-webkit-transition:all all .3s ease;-moz-transition:all all .3s ease;-ms-transition:all all .3s ease;-o-transition:all all .3s ease;transition:all all .3s ease;}
a:hover,a:focus{outline:none;text-decoration:none;}
/*マージン*/
.row.m0{margin:0;}
.row.p0 .col{padding:0;}
.mb30{margin-bottom:30px;}
.row.no-padding > .col{padding:0;}
.flex{display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;flex-direction:row;}
.row.flex::after{display:none;}
.flex.flex-end{align-items:flex-end;}
.flex.reverse{flex-direction:row-reverse;}
.row .col{margin-left:0!important;}

.container2{margin:0 auto;width:90%;max-width:924px;}
@media only screen and (min-width:601px){.container2{width:90%;}}
@media only screen and (min-width: 993px){.container2{width:90%;}}
.container3{margin:0 auto;max-width:880px;width:90%;}
@media only screen and (min-width:601px){.container3{width:85%;}}
@media only screen and (min-width: 993px){.container3{width:85%;}}

/*clearfix追加*/
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}

/*btn-opacity ホバーでフェードアウト透過*/
.btn-opacity{-webkit-transition:0.6s;transition:0.6s;}
.btn-opacity:hover{opacity:0.5;filter:alpha(opacity=50);}

/*マージン*/
.m0{margin:0;}
.m60{margin:0 60px;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt60{margin-top:60px !important;}
.mt90{margin-top:90px !important;}
.mt120{margin-top:120px !important;}
.mb0{margin-bottom:0 !important;}
.mb10{margin-bottom:10px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb60{margin-bottom:60px !important;}
.mb90{margin-bottom:90px !important;}
.mb120{margin-bottom:120px !important;}
.mb150{margin-bottom:150px !important;}
.p30{padding:;30px}
.pt30{padding-top:30px !important;}
.pt90{padding-top:90px !important;}
.pl100{padding-left:80px;}
.pr50{padding-right:50px!important;}
.pr100{padding-right:80px;}
.pb90{padding-bottom:90px !important;}
.pb120{padding-bottom:120px!important;}
.on-small-only .mb90{margin-bottom:30px !important;}
.on-small-only .mb120{margin-bottom:60px !important;}
.on-small-only .sp-mt60{margin-top:80px;}



/*loading*/
#loadingAnim{pointer-events:none;width:100vw;height:100vh;background-color:#fff;z-index:9999;position:fixed;display:flex;}
#loadingAnim .loadingAnimLogo{display:block;position:relative;margin:auto;top:0;right:0;bottom:0;left:20px;max-width:210px;}


/*nav*/
nav#pcMenu{background:transparent;position:absolute;top:0;left:0;right:0;-webkit-box-shadow:none!important;box-shadow:none!important;display:flex;justify-content:flex-start;}
nav#pcMenu .logo{width:196px;margin-left:52px;margin-top:68px;}
nav#pcMenu .g-nav{margin:78px 0 0 93px;}
nav#pcMenu .g-nav li{font-size:24px;line-height:1;letter-spacing:3px;color:#486152;background:url(../img/gnav-ul.png) no-repeat bottom center;background-size:100% 1.5px;margin-right:45px;}
nav#pcMenu .g-nav li a{font-size:24px;line-height:1;letter-spacing:3px;color:#000;height:auto;padding:20px 0;}
nav#pcMenu .g-nav li.active{padding:20px 0;background:url(../img/gnav-ul-hover.png) no-repeat bottom center;background-size:100% 1.5px;}
nav#pcMenu .g-nav li a:hover{background-color:transparent;color:#486152;background:url(../img/gnav-ul-hover.png) no-repeat bottom center;background-size:100% 1.5px;}
.btn-spMenu{display:block;position:fixed;bottom:10px;right:10px;z-index:20;cursor:pointer;padding:19px!important;z-index:999;}
.btn-trigger{display:block!important;position:relative;height:100%;}
.btn-trigger span{position:absolute;left:0;right:0;margin:auto;width:100%;height:2px;background-color:#000;border-radius:0;}
.btn-trigger, .btn-trigger span{display:inline-block;transition:all .5s;box-sizing:border-box;}
.btn-trigger span:nth-of-type(1){top:0;}
.btn-trigger span:nth-of-type(2){top:calc(50% - 1px);}
.btn-trigger span:nth-of-type(3){bottom:0;}
.btn-trigger::after{position:absolute;top:50%;left:50%;display:block;content:'';width:84px;height:84px;margin:-45px 0 0 -45px;border-radius:50%;border:4px solid transparent;transition:all .75s;}
.btn-spMenu.active .btn-trigger span:nth-of-type(1){-webkit-transform:translateY(20px) rotate(-45deg);transform:translateY(20px) rotate(-45deg);top:-12px;}
.btn-spMenu.active .btn-trigger span:nth-of-type(2){left:60%;opacity:0;-webkit-animation:active-btn19-bar02 .8s forwards;animation: active-btn19-bar02 .8s forwards;}
.btn-spMenu.active .btn-trigger span:nth-of-type(3){bottom:-12px;}
@-webkit-keyframes active-btn19-bar02{100%{height:0;}}
@keyframes active-btn19-bar02{100%{height:0;}}
.btn-spMenu.active .btn-trigger span:nth-of-type(3){-webkit-transform: translateY(-20px) rotate(45deg);transform: translateY(-20px) rotate(45deg);}
.btn-spMenu.active .btn-trigger::after{-webkit-animation: active-btn19 .7s .25s forwards;animation: active-btn19 .7s .25s forwards;}
@-webkit-keyframes active-btn19{0%{border-color:transparent;-webkit-transform: rotate(0);}25%{border-color: transparent #fff transparent transparent;}50%{border-color: transparent #fff #fff transparent;}75% {border-color: transparent #fff #fff #fff;}100% {border-color: #fff;-webkit-transform: rotate(-680deg);}}
@keyframes active-btn19 {0% {border-color: transparent;transform: rotate(0);}25% {border-color: transparent #fff transparent transparent;}50% {border-color:transparent #fff #fff transparent;}75% {border-color: transparent #fff #fff #fff;}100% {border-color: #fff;transform: rotate(-680deg);}}
#spMenu{display:block;position:fixed;top:0;left:0;bottom:auto;right:auto;width:100%;height:100%;background-color:#e2e0dc;overflow:hidden;opacity:0;display:none;}
#spMenu ul.g-nav{display:flex;flex-direction:column;position:absolute;left:11.86666666666667vw;bottom:17.3333333333332vw;right:auto;top:auto;}
#spMenu ul.g-nav li{display:block;position:relative;padding-left:42px;}
#spMenu ul.g-nav li a{font-size:30px;color:#353536;letter-spacing:0.04em;margin:0;padding:7px 0 7px 12px;line-height:1;}
#spMenu ul.g-nav li::before{content:"";width:30px;height:1px;background-color:#486152;position:absolute;top:0;bottom:5px;left:0;margin:auto;}
#spMenu.open{opacity:1;z-index:998;left:0;display:block;animation:.3s linear openAnime;}
@keyframes openAnime{0%{left:-60px;opacity:0;}100%{left:0;opacity:1;}}
#spMenu .logo{position:absolute;top:-37.333333333336vw;left:16vw;bottom:auto;right:auto;width:153.6vw;height:153.6vw;opacity:.3;animation:40s linear infinite rotation1;}
@keyframes rotation1{0%{transform:rotate(0);}100%{transform:rotate(360deg);}}
#spMenu .btn-instagram{position:absolute;top:30px;bottom:auto;left:auto;right:20px;z-index:9998;}

/*common*/
.wrapper{width:100vw;overflow:hidden;}
.btn-arrow{display:block;width:100%;border-bottom:1px solid #8c817a;padding:29px 0;font-size:24px;line-height:1;letter-spacing:4px;background:url(../img/arrow-s.png) no-repeat center right;background-size:25px 14px;color:#8c817a!important;}
.btn-arrow:hover{color:#1a0b08!important;background-color:transparent;}
dl{display:flex;flex-wrap:wrap;}
dl dt{width:calc(100% - 100px);border-bottom:1px solid #8c817a;font-size:21px;color:#000;letter-spacing:3px;padding:20px 0;}
dl dt.short{margin-left:30px;width:calc(100% - 130px);}
dl dt small{font-size:18px;letter-spacing:1px;padding-right:6px;}
dl dd{padding:20px 0;text-align:right;width:100px;border-bottom:1px solid #8c817a;font-size:21px;margin-left:0;}
dl dd .g-font{font-size:24px;}
.btn-reserve{display:block;width:57px;height:213px;position:fixed;top:0;bottom:0;right:0;left:auto;margin:auto;z-index:10;}
.btn-reserve strong{display:block;width:57px;height:213px;background:url(../img/btn-reserve.svg) no-repeat right center;}
.btn-reserve span{display:none;}
.btn-reserve:hover strong{background:url(../img/btn-reserve-hover.svg) no-repeat right center;}
.btn-instagram{position:fixed;top:0;bottom:0;left:30px;margin:auto;display:block;width:30px;height:110px;padding:10px;color:#1a0b08;writing-mode:vertical-rl;background:url(../img/icon-instagram.svg) no-repeat bottom 10px center;background-size:16px 16px;font-feature-settings:normal;letter-spacing:2px;line-height:1;-webkit-transition:0.6s;transition:0.6s;vertical-align:20%;z-index:10;}
.btn-instagram span{right:-2px;position:relative;}
.btn-pagetop{display:block;width:100%;height:40px;background:url(../img/arrow-pagetop.png) no-repeat center top;background-size:60px 23px;margin-top:120px;}
.btn-pagetop span{display:none;}
footer{}
footer .footerInner{background-color:#486152;padding:60px 140px 140px 90px;position:relative;}
footer .footerInner img{max-width:210px;}
footer .footerInner .row.flex{justify-content:space-between;}
footer .footerInner .row.flex .btn-insta2{display:inline-block;font-size:14px;color:#f5f1ed;line-height:1;padding:12px 30px 12px 12px;background:url(../img/btn-insta-white.svg) no-repeat right center;background-size:16px 16px;letter-spacing:0.09em;margin-bottom:40px;}
footer .footerInner .row.flex .address{font-size:14px;line-height:1.8;color:#f5f1ed;}
footer .footerInner .row.flex .address span.g-font{font-size:18px;}
footer .footerInner .copyright{font-size:14px;letter-spacing:0.09em;line-height:1;color:rgba(245,241,237,.45);position:absolute;left:calc(90px + .75rem);bottom:140px;}
#pageTitle{padding-top:184px;position:relative;width:calc(100% - 22.5vw);margin-left:22.5vw;}
#pageTitle::before{content:"";display:block;width:100vw;height:478px;background:url(../img/bg.jpg) top center repeat;background-size:640px 640px;position:absolute;top:0;left:-22.5vw;}
#pageTitle figure{max-width:45vw;margin-left:auto;z-index:3;position:relative;}
#pageTitle figure img{-webkit-animation:pageTitleImg 0.9s both ease-out;animation:pageTitleImg 0.9s both ease-out;animation-delay:.2s;}
@-webkit-keyframes pageTitleImg {
    0% {opacity:0;transform:scale(1.05);}
    100% {opacity:1;transform:scale(1);}
}
@keyframes pageTitleImg {
    0% {opacity:0;transform:scale(1.05);}
    100% {opacity:1;transform:scale(1);}
}

#pageTitle h1{position:absolute;top:280px;left:0;z-index:10;}
#pageTitle h1 .en{display:block;color:#000;font-size:90px;line-height:1;letter-spacing:0.09em;}
#pageTitle h1 .ja{display:block;color:#1a0b08;font-size:21px;line-height:1;letter-spacing:0.4em;font-weight:normal;}
#pageTitle h1 .en span{-webkit-animation:pageTitleSlide 0.9s both ease-out;animation:pageTitleSlide 0.9s both ease-out;position:relative;}
#pageTitle h1 .ja span{-webkit-animation:pageTitleSlide 0.9s both ease-out;animation:pageTitleSlide 0.9s both ease-out;position:relative;}
@-webkit-keyframes pageTitleSlide {
    0% {opacity:0;top:-9px;}
    100% {opacity:1;top:0;}
}
@keyframes pageTitleSlide {
    0% {opacity:0;top:-9px;}
    100% {opacity:1;top:0;}
}
#pageTitle h1 .en span:nth-of-type(1){animation-delay:.1s;}
#pageTitle h1 .en span:nth-of-type(2){animation-delay:.3s;}
#pageTitle h1 .en span:nth-of-type(3){animation-delay:.6s;}
#pageTitle h1 .en span:nth-of-type(4){animation-delay:.9s;}
#pageTitle h1 .en span:nth-of-type(5){animation-delay:1.2s;}
#pageTitle h1 .en span:nth-of-type(6){animation-delay:1.5s;}
#pageTitle h1 .en span:nth-of-type(7){animation-delay:1.8s;}
#pageTitle h1 .en span:nth-of-type(8){animation-delay:2.1s;}
#pageTitle h1 .en span:nth-of-type(9){animation-delay:2.4s;}
#pageTitle h1 .en span:nth-of-type(10){animation-delay:2.7s;}
#pageTitle h1 .ja span:nth-of-type(1){animation-delay:.3s;}
#pageTitle h1 .ja span:nth-of-type(2){animation-delay:.6s;}
#pageTitle h1 .ja span:nth-of-type(3){animation-delay:.9s;}
#pageTitle h1 .ja span:nth-of-type(4){animation-delay:1.2s;}
#pageTitle h1 .ja span:nth-of-type(5){animation-delay:1.5s;}
#pageTitle h1 .ja span:nth-of-type(6){animation-delay:1.8s;}
#pageTitle h1 .ja span:nth-of-type(7){animation-delay:2.1s;}
#pageTitle h1 .ja span:nth-of-type(8){animation-delay:2.4s;}
#pageTitle h1 .ja span:nth-of-type(9){animation-delay:2.7s;}
#pageTitle h1 .ja span:nth-of-type(10){animation-delay:3s;}
#pageTitle h1 .ja span:nth-of-type(11){animation-delay:3.3s;}


/*TOP*/
#MV{padding-top:210px;background:url(../img/bg.jpg) top center repeat;background-size:640px 640px;min-width:1438px;height:1132px;overflow:hidden;}
#MV .img{position:relative;width:calc(100% - 340px);margin-left:27vw;}
#MV .img::after{content:"";width:55vw;height:55vw;position:absolute;top:-60px;right:10vw;border-radius:50%;background-color:#fff;z-index:2;}
#MV .img figure{z-index:3;}
@-webkit-keyframes mvImg1 {
    0% {opacity:0;left:-9px;}
    100% {opacity:1;left:0;}
}
@keyframes mvImg1 {
    0% {opacity:0;left:-9px;}
    100% {opacity:1;left:0;}
}
@-webkit-keyframes mvImg2 {
    0% {opacity:0;top:-9px;}
    100% {opacity:1;top:0;}
}
@keyframes mvImg2 {
    0% {opacity:0;top:-9px;}
    100% {opacity:1;top:0;}
}
@-webkit-keyframes mvImg3 {
    0% {opacity:0;left:681px;}
    100% {opacity:1;left:672px;}
}
@keyframes mvImg3 {
    0% {opacity:0;left:681px;}
    100% {opacity:1;left:672px;}
}
@-webkit-keyframes mvImg4 {
    0% {opacity:0;left:92px;}
    100% {opacity:1;left:101px;}
}
@keyframes mvImg4 {
    0% {opacity:0;left:92px;}
    100% {opacity:1;left:101px;}
}
@-webkit-keyframes mvImg5 {
    0% {opacity:0;top:540px;}
    100% {opacity:1;top:531px;}
}
@keyframes mvImg5 {
    0% {opacity:0;top:540px;}
    100% {opacity:1;top:531px;}
}

#MV .img figure.img1{max-width:634px;position:absolute;top:69px;left:0;-webkit-animation:mvImg1 0.9s both ease-out;animation:mvImg1 0.9s both ease-out;animation-delay:2s;}
#MV .img figure.img2{max-width:345px;position:absolute;top:0;left:672px;-webkit-animation:mvImg2 0.9s both ease-out;animation:mvImg2 0.9s both ease-out;animation-delay:2.3s;}
#MV .img figure.img3{max-width:426px;position:absolute;top:385px;left:672px;-webkit-animation:mvImg3 0.9s both ease-out;animation:mvImg3 0.9s both ease-out;animation-delay:2.6s;}
#MV .img figure.img4{max-width:226px;position:absolute;top:531px;left:101px;-webkit-animation:mvImg4 0.9s both ease-out;animation:mvImg4 0.9s both ease-out;animation-delay:2.9s;}
#MV .img figure.img5{max-width:263px;position:absolute;top:531px;left:368px;-webkit-animation:mvImg5 0.9s both ease-out;animation:mvImg5 0.9s both ease-out;animation-delay:3.2s;}
#MV .img figure.img6{max-width:188px;position:absolute;top:490px;left:-142px;-webkit-animation:mvImg6 0.9s both ease-out;animation:mvImg6 0.9s both ease-out;animation-delay:3.5s;}
#MV .img h1{font-size:72px;line-height:0.85;letter-spacing:5px;color:#1a0b08;z-index:4;position:absolute;top:90px;left:-100px;}
#MV .img p{font-size:21px;line-height:1;letter-spacing:12px;color:#1a0b08;z-index:4;position:absolute;top:720px;left:730px;}
.btn-scroll{position:absolute;top:calc(100vh - 160px);left:30px;display:block;width:30px;height:140px;padding:10px;color:#1a0b08;writing-mode:vertical-rl;background:url(../img/arrow-l.png) no-repeat bottom 10px center;background-size:15px 72px;font-feature-settings:normal;letter-spacing:2px;line-height:1;-webkit-transition:0.6s;transition:0.6s;}
.btn-scroll:hover{top:calc(100vh - 150px);}
.btn-scroll span{right:-2px;position:relative;}
#MV-sp{width:100vw;height:100vh;position:relative;min-height:600px;}
#MV-sp figure img{object-fit:cover;}
#MV-sp .logo{width:120px;position:absolute;top:15px;left:23px;}

#concept{padding:120px 0;}
#concept .img{position:relative;}
#concept .img figure{overflow:hidden;}
#concept .img h2.bg-header{z-index:3;position:absolute;left:90px;top:-60px;font-size:16px;color:#fff;line-height:3.2;writing-mode:vertical-rl;font-weight:normal;font-feature-settings:normal;letter-spacing:3px;}
#concept .img h2.bg-header span{background-color:#486152;padding:15px 12px 10px;}
#concept .text{margin:55px 0 0 -10vw;background:#e9e2d8;padding:90px 98px 60px;z-index:1;position:relative;max-width:535px;}
#concept .text::after{content:"";width:23vw;height:23vw;background:url(../img/illust-2.png) top center no-repeat;background-size:contain;position:absolute;right:-15vw;top:-60px;}
#concept .text h2.font{position:relative;}
#concept .text h2.font::after{content:"";position:absolute;left:-50px;top:-40px;width:120px;height:120px;background:url(../img/h2-slash-white.png) no-repeat center center;background-size:contain;z-index:2;}
#concept .text h2.font strong{display:block; width:190px;height:42px;background:url(../img/h2-concept.svg) no-repeat center left;margin-bottom:30px;position:relative;z-index:3;}
#concept .text h2.font span{display:none;}
#concept .text p{line-height:2.1;}
#concept .img figure::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transition:0.6s;transition:0.6s;background-color:#fff;}
#concept.is-show .img figure::after{opacity:0;}
#concept .img figure img{-webkit-transition:3s;transition:3s;transform:scale(1.1)}
#concept.is-show .img figure img{transform:scale(1)}

#menu{padding-left:143px;padding-bottom:120px;position:relative;}
#menu::before{content:"";width:840px;height:840px;border-radius:50%;-ms-filter: blur(15px);filter: blur(15px);background-color:#f5f1ed;position:absolute;left:-2vw;top:-9vw;z-index:1;}
#menu .row{z-index:2;position:relative;}
#menu .row .col.offset-m1{margin-left:8.3333333333%!important;}
#menu h2.font{position:relative;}
#menu h2.font::after{content:"";position:absolute;left:-50px;top:-40px;width:120px;height:120px;background:url(../img/h2-slash-white.png) no-repeat center center;background-size:contain;z-index:2;}
#menu h2.font strong{display:block; width:127px;height:30px;background:url(../img/h2-menu.svg) no-repeat center left;margin-bottom:30px;position:relative;z-index:3;}
#menu h2.font span{display:none;}
#menu .img{align-self:stretch;}
#menu dl{margin:0 60px;}
#menu .img figure{overflow:hidden;width:100%;height:100%;position:relative;}
#menu .img figure img{width:100%;height:100%;object-fit:cover;}
#menu .img figure::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transition:0.6s;transition:0.6s;background-color:#fff;}
#menu.is-show .img figure::after{opacity:0;}
#menu .img figure img{-webkit-transition:3s;transition:3s;transform:scale(1.1)}
#menu.is-show .img figure img{transform:scale(1)}

#handmade{background-color:#e9e2d8;padding:60px 0 60px 120px;position:relative;text-transform:uppercase;margin-bottom:190px;z-index:2;position:relative;}
#handmade::after{content:"HAND-MADE ACCESSORY";font-size:160px;line-height:1;color:rgba(26,11,8,.15);position:absolute;bottom:-60px;left:500px;backface-visibility:hidden;display:flex;letter-spacing:.06em;user-select:none;transform:translate3d(0, 0, 0);white-space:nowrap;z-index:2;-webkit-transition:3s;transition:3s;}
#handmade .row{padding:60px 110px;background:url(../img/top-accessory-bg.jpg) center center no-repeat;background-size:cover;z-index:3;position:relative;}
#handmade .row .img{background:url(../img/top-accessory.jpg) center center no-repeat;background-size:cover;}
#handmade h2.font{position:relative;margin:0!important;}
#handmade h2.font::after{content:"";position:absolute;left:0;top:-40px;width:120px;height:120px;background:url(../img/h2-slash-brown.png) no-repeat center center;background-size:contain;z-index:3;}
#handmade h2.font strong{display:block; width:288px;height:94px;background:url(../img/h2-handmade.svg) no-repeat center center;margin-bottom:30px;position:relative;z-index:2;}
#handmade h2.font span{display:none;}
#handmade h2.font + p{font-size:14px;color:#fff;margin:-20px 0 10px!important;}
#handmade .valign{position:relative;right:-40px;}
a.btn-arrow2{background:#486152;display:block;width:100%;padding:12px;font-size:15px;color:#ada07e!important;border-radius:6px;background:#486152 url(../img/arrow-brown-s.svg) right 20px center no-repeat;background-size:11px 11px;letter-spacing:2px;border:1px solid #486152}
a.btn-arrow2:hover{opacity:1;color:#486152!important;background:#fff url(../img/arrow-brown-s.svg) right 14px center no-repeat;background-size:11px 11px;border:1px solid #ada07e;}
#handmade.is-show::after{left:300px;}

#CV{z-index:5;position: relative}
#CV #CVinner{margin-top:60px;}
#CV #CVinner .bgcolor{padding:70px 5%;}
#CV #CVinner .bgcolor .row.flex{justify-content:space-around;}
#CV #CVinner a.col{display:block;width:auto;min-width:300px;position:relative;background:#fff url(../img/arrow-btn.svg) no-repeat bottom 10px right 10px;background-size:30px 30px;padding:42px 0;-webkit-transition:1.2s;transition:1.2s;bottom:-90px;opacity:0;}
#CV #CVinner a.col::after{content:"";position:absolute;left:-50px;top:-40px;width:120px;height:120px;background:url(../img/h2-slash-brown.png) no-repeat center center;background-size:contain;}
#CV #CVinner a.col h3{display:inline-block;margin:auto;font-size:21px;color:#486152;letter-spacing:3px;right:1.5px;position:relative;}
#CV #CVinner a.col h3 small{text-align:left;display:inline-block;width:100%;}
#CV #CVinner a.col:hover{background:#486152 url(../img/arrow-btn.svg) no-repeat bottom 10px right 10px;background-size:30px 30px;opacity:1;}
#CV #CVinner a.col:hover h3{color:#fff!important;}
.reserve #CV #CVinner a.col:last-of-type{position:relative;transition-delay:.3s;}
.reserve #CV #CVinner a.col:last-of-type::before{content:"※LINEで「友達登録」後に「メッセージを送信」してください。";font-size:11px;letter-spacing:0.03em;color:#54442a;bottom:-30px;left:0;position:absolute;text-align:left;}
#CV #CVinner a.col:last-of-type{transition-delay:.3s;}
#CV #CVinner.is-show a.col{bottom:0;opacity:1;}

/*concept*/
#concept1{margin:117px 0 120px;}
#concept1 .img figure{overflow:hidden;width:100%;height:100%;position:relative;}
#concept1 .img figure img{width:100%;height:100%;object-fit:cover;}
#concept1 .img figure::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transition:0.6s;transition:0.6s;background-color:#fff;}
#concept1 .is-show .img figure::after{opacity:0;}
#concept1 .img figure img{-webkit-transition:3s;transition:3s;transform:scale(1.1)}
#concept1 .is-show .img figure img{transform:scale(1)}
#concept2{margin:117px 0 120px;}
#concept2 .img figure{overflow:hidden;width:100%;height:100%;position:relative;}
#concept2 .img figure img{width:100%;height:100%;object-fit:cover;}
#concept2 .img figure::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transition:0.6s;transition:0.6s;background-color:#fff;}
#concept2 .is-show .img figure::after{opacity:0;}
#concept2 .img figure img{-webkit-transition:3s;transition:3s;transform:scale(1.1)}
#concept2 .is-show .img figure img{transform:scale(1)}
.largeText .text{padding:40px 60px;}
.largeText .text{margin-right:auto;}
.reverse .largeText .text{margin-right:0;margin-left:auto;}
.largeText .text h2{margin:0;}
.largeText .text h2 .en{display:block;font-size:48px;color:#54442a;line-height:1;letter-spacing:0.09em;margin-bottom:10px;}
.largeText .text h2 .ja{display:block;font-size:21px;color:#54442a;line-height:1.4;letter-spacing:0.06em;margin-bottom:40px;font-weight:normal;}
.largeText .text h2 + p{font-size:14px;line-height:1.8;margin-bottom:40px;}

/*hand-made*/
#hand-made1{margin:117px 0 120px;}
#hand-made1 .img figure{overflow:hidden;width:100%;height:100%;position:relative;}
#hand-made1 .img figure img{width:100%;height:100%;object-fit:cover;}
#hand-made1 .img figure::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transition:0.6s;transition:0.6s;background-color:#fff;}
#hand-made1 .is-show .img figure::after{opacity:0;}
#hand-made1 .img figure img{-webkit-transition:3s;transition:3s;transform:scale(1.1)}
#hand-made1 .is-show .img figure img{transform:scale(1)}
#case{}
#case h2{font-size:21px;font-weight:normal;line-height:1.8;margin:0;}
.case01{background:url(../img/case-no1-bg.jpg) no-repeat right top 30px;background-size:55vw;}
.case01 h2{height:60px;background:url(../img/case-no1.png) no-repeat left center;background-size:contain;margin-left:-0.75rem!important;position:relative;}
.case01 h2 span{display:none;}
.case01 figure{max-width:55vw;margin:40px 0 0 90px;}
.case01 .text{margin-left:13vw;margin-top:-90px;width:30vw;}
.case01 .text h3 .en{font-size:30px;letter-spacing:0.09em;display:block;}
.case01 .text h3 .ja{font-size:36px;letter-spacing:2px;display:block;}
.case01 .text p{font-size:14px;}
.case02{background:url(../img/case-no2-bg.jpg) no-repeat right top 30px;background-size:55vw;}
.case02 h2{height:60px;background:url(../img/case-no2.png) no-repeat left center;background-size:contain;margin-left:-0.75rem!important;position:relative;}
.case02 h2 span{display:none;}
.case02 figure{max-width:55vw;margin:40px 0 0 90px;}
.case02 .text{margin-left:13vw;margin-top:-90px;width:30vw;}
.case02 .text h3 .en{font-size:30px;letter-spacing:0.09em;display:block;}
.case02 .text h3 .ja{font-size:36px;letter-spacing:2px;display:block;}
.case02 .text p{font-size:14px;}
.slick-slide img{height:300px!important;width:auto!important;}

/*access*/
#addressInfo{margin:117px 0 120px;}
#addressInfo .img figure{overflow:hidden;width:100%;height:100%;position:relative;}
#addressInfo .img figure img{width:100%;height:100%;object-fit:cover;}
#addressInfo .img figure::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transition:0.6s;transition:0.6s;background-color:#fff;}
#addressInfo .is-show .img figure::after{opacity:0;}
#addressInfo .img figure img{-webkit-transition:3s;transition:3s;transform:scale(1.1)}
#addressInfo .is-show .img figure img{transform:scale(1)}
figure.logo2{max-width:257px;margin:auto;}
#addressInfo .img{}
#addressInfo dl dt{width:100px;}
#addressInfo dl dd{width:calc(100% - 100px);text-align:left;font-size:14px;}
#addressInfo dl dd .g-font{font-size:16px;}
.gmap{height:0;overflow:hidden;padding-bottom:56.25%;position:relative;}
.on-small-only .gmap{padding-bottom:160%;}
.gmap iframe{position:absolute;left:0;top:0;height:100%;width:100%;}
#map{margin-bottom:90px;}
#map .btn-arrow2{max-width:255px;text-align:center;margin-left:auto;}
#gallery figure{margin-bottom:1.5rem;opacity:0;}
#gallery figure img{vertical-align:bottom;}
@-webkit-keyframes galleryImg {
    0% {opacity:0;top:9px;}
    100% {opacity:1;top:0;}
}
@keyframes galleryImg {
    0% {opacity:0;top:9px;}
    100% {opacity:1;top:0;}
}
#gallery .is-show figure{position:relative;-webkit-animation:galleryImg 0.9s both ease-out;animation:galleryImg 0.9s both ease-out;opacity:1;}
#gallery .is-show .col:nth-of-type(1) figure{animation-delay:0s;}
#gallery .is-show .col:nth-of-type(2) figure{animation-delay:0.3s;}
#gallery .is-show .col:nth-of-type(3) figure{animation-delay:0.6s;}
#gallery .is-show .col:nth-of-type(4) figure{animation-delay:0.9s;}
#gallery .is-show .col:nth-of-type(5) figure{animation-delay:1.2s;}
#gallery .is-show .col:nth-of-type(6) figure{animation-delay:1.5s;}

/*reserve*/
#CV h2{font-weight:normal;font-size:21px;letter-spacing:2px;margin-top:90px;}
#CV h2 small{font-size:14px;color:#54442a;}

/*menu*/
.menuMasonry{margin-top:60px;}
.menuMasonry h2{font-size:48px;margin:0 0 30px;letter-spacing:0.09em;}
.menuMasonry > .col{position:absolute;float:none;}
.menuMasonry small{font-size:12px;}



/*sp*/
.on-small-only #concept{padding:90px 0 0;z-index:2;position:relative;}
.on-small-only #concept .img figure{font-size:0;}
.on-small-only #concept .img　img{vertical-align:bottom;}
.on-small-only #concept .img h2.bg-header{left:20px;top:-70px;font-size:14px;writing-mode:horizontal-tb;margin:0;}
.on-small-only #concept .text{margin:0;padding:30px 20px 20px;}
.on-small-only #concept .text::after{width:50vw;height:50vw;right:-3vw;top:-60px;}
.on-small-only h2.font{margin-bottom:0!important;}
.on-small-only h2.font strong{margin-bottom:14px!important;transform:scale(.75);left:-13px;}
.on-small-only h2.font + p.mb60{margin-bottom:20px!important;}
.on-small-only .btn-arrow{font-size:21px;padding:20px 0;}
.on-small-only #menu{padding:0 10px;}
.on-small-only #menu .row .col.offset-m1{margin-left:auto!important;}
.on-small-only #menu::before{width:300px;height:300px;left:-12vw;top:-22vw;}
.on-small-only #menu dl{margin:0;}
.on-small-only #menu dl dt,.on-small-only #menuList dl dt{padding:10px 0 10px;font-size:14px;line-height:1.4;width:calc(100% - 100px);}
.on-small-only #menu dl dd,.on-small-only #menuList dl dd{padding:14px 0 0;font-size:14px;line-height:14px;width:100px;}
.on-small-only #menu dl dd .g-font,.on-small-only #menuList dl dd .g-font{line-height:14px;}
.on-small-only #handmade{padding:0;margin-bottom:30px;}
.on-small-only #handmade .row{padding:20px;}
.on-small-only .col.m7.img{height:160px;}
.on-small-only #handmade .valign{right:auto;display:block;width:100%;}
.on-small-only #handmade .col{padding:0;}
.on-small-only #handmade::after{display:none;}
.on-small-only #CV #CVinner{width:100vw;padding:0;margin:0;position:relative;left:-5.5%;overflow:hidden;}
.on-small-only #CVinner a:first-of-type{margin-bottom:10px;z-index:2;}
.on-small-only #CV #CVinner .bgcolor{padding:20px 5% 40px;}
.on-small-only #CV h2{margin-top:30px;}
.on-small-only .btn-pagetop{margin-top:60px;}
.on-small-only footer .footerInner{padding:20px 10px 40px;}
.on-small-only footer .footerInner img{max-width:150px;}
.on-small-only footer .footerInner .right-align{text-align:left;}
.on-small-only footer .footerInner .row.flex .btn-insta2{margin-left:-12px;margin-bottom:20px;top:-16px;position:relative;}
.on-small-only footer .footerInner .copyright{left:20px;bottom:20px;}
.on-small-only footer .footerInner .row.flex .address{line-height:1.2;}
.on-small-only .logo-sp{width:120px;position:absolute;top:15px;left:23px;}
.on-small-only #pageTitle{padding-top:180px;margin-left:0;width:100%;}
.on-small-only #pageTitle h1{top:60px;padding:0 20px;margin:40px 0 0;width:100%;}
.on-small-only #pageTitle h1 .en{font-size:54px;line-height:.8;}
.on-small-only #pageTitle h1 .ja{font-size:16px;letter-spacing:0.09em;line-height:1;}
.on-small-only #pageTitle figure{max-width:100vw;width:100vw;}
.on-small-only #pageTitle::before{left:0;height:90%;}
.on-small-only #concept1,.on-small-only #concept2,.on-small-only #hand-made1{margin:30px 0;}
.on-small-only #concept1 .img,.on-small-only #concept2 .img{height:210px;}
.on-small-only .largeText .text h2{}
.on-small-only .largeText .text h2 .en{font-size:42px;}
.on-small-only .largeText .text{padding:20px 10px;}
.on-small-only .largeText .text h2 .ja{font-size:17px;margin-bottom:24px;}
.on-small-only .largeText .text h2 + p{text-align:left;font-size:13px;line-height:1.4;margin-bottom:20px;}
.on-small-only .largeText .text h2 + p + p{margin-bottom:0;}
.on-small-only #case h2{font-size:18px;margin-top:30px;text-align:left;}
.on-small-only .case01,.on-small-only .case02{background-position:top 90px right -30px;background-size:90vw;}
.on-small-only .case01 h2,.on-small-only .case02 h2{height:40px;}
.on-small-only .case01 figure,.on-small-only .case02 figure{margin:10px 0 0 -80px;max-width:100vw;}
.on-small-only .case01 .text,.on-small-only .case02 .text{width:100%;margin:-50px 0 0;}
.on-small-only .case01 .text h3 .en,.on-small-only .case02 .text h3 .en{font-size:21px;}
.on-small-only .case01 .text h3 .ja,.on-small-only .case02 .text h3 .ja{font-size:30px;}
.on-small-only #addressInfo{margin:30px 0;}
.on-small-only figure.logo2{max-width:180px;}
.on-small-only h2 + dl{margin-top:-10px;}
.on-small-only h2 + dl dt{font-size:18px;letter-spacing:2px;width:80px;}
.on-small-only h2 + dl dd{line-height:1.3;width: calc(100% - 80px);}
.on-small-only h2 + dl dd .g-font{font-size:19px;line-height:1;}
.on-small-only h2 + dl dd .g-font.mb-5{position:relative;bottom:-5px;}
.on-small-only #map{margin-bottom:30px;}
.on-small-only #map .btn-arrow2{max-width:none;}
.on-small-only .menuMasonry{margin-top:20px;height:auto!important;margin-bottom:40px;}
.on-small-only .menuMasonry > .col{position:relative;transform:none!important;}
.on-small-only .menuMasonry h2{font-size:32px;margin:0 0 6px;}
.on-small-only dl dt.short{margin-left:20px;width:calc(100% - 120px)!important;}
.on-med-only .btn-spMenu{top:10px;right:10px;bottom:auto;}
.on-med-only #MV{padding-top:140px;height:784px}
.on-med-only #MV .img{transform:scale(0.6);left:-38vw;}
.on-med-only #MV .img::after{width:120vw!important;height:120vw!important;top:-10px;}
.on-med-only #MV .img figure.img1{top:229px;}
.on-med-only #MV .img figure.img2{top:20px;}
.on-med-only #MV .img figure.img4{top:691px;}
.on-med-only #MV .img figure.img5{top:691px;}
.on-med-only #MV .img figure.img6{top:710px;}
.on-med-only #MV .img h1{top:250px;left:-80px;}
.on-med-only #MV .img p{left:671px;}
@media screen and (max-width: 1024px) and (orientation: portrait){
@-webkit-keyframes mvImg2 {
    0% {opacity:0;top:11px;}
    100% {opacity:1;top:20px;}
}
@keyframes mvImg2 {
    0% {opacity:0;top:11px;}
    100% {opacity:1;top:20px;}
}
@-webkit-keyframes mvImg5 {
    0% {opacity:0;top:691px;}
    100% {opacity:1;top:682px;}
}
@keyframes mvImg5 {
    0% {opacity:0;top:691px;}
    100% {opacity:1;top:682px;}
}
}
.on-med-only #concept .row .col.offset-m2{margin-left:16.6666666667%!important;}
.on-med-only #concept .row .col.offset-m2 figure{font-size:0;}
.on-med-only #concept .img h2.bg-header{left:-30px;}
.on-med-only #concept .text{margin:0;max-width:none;}
.on-med-only #concept .text::after{right:10px;width:30vw;height:30vw;}
.on-med-only #menu dl{margin:0 120px 0 0;}
.on-med-only #menu p.mb60{margin-bottom:30px!important;}
.on-med-only #menu a.btn-arrow{margin:0 120px 0 0;width:auto;}
.on-med-only #menu .img figure{margin:30px 120px 0 0;width:auto;}
.on-med-only #handmade{padding:30px 0 30px 40px;}
.on-med-only #handmade .row{padding:40px;}
.on-med-only #handmade.is-show::after{font-size:130px;bottom:-60px;left:120px;}
.on-med-only #CV #CVinner a.col{min-width:260px;}
.on-med-only #spMenu .logo{width:120vw;height:120vw;}
.on-med-only #pageTitle{width:calc(100% - 60px);margin-left:60px;}
.on-med-only #pageTitle::before{left:-60px;}
.on-med-only #pageTitle figure{max-width:52vw;}
.on-med-only .largeText .text{margin-left:auto;margin-right:auto;}
.on-med-only .menuMasonry h2{margin:20px 0 -10px;}
.on-med-only .menuMasonry small{display:block;}
.on-med-only .menuMasonry h2 small{display:inline;}
.on-med-only #case figure{width:460px;max-width:none;margin:40px 0 0 40px;}
.on-med-only #case .text{margin-top:-40px;width:60vw;}
.on-med-only.reserve #CV #CVinner a.col:last-of-type::before{bottom:-40px;}
.on-med-only #CV #CVinner{margin-top:10px;}